:root {
            --md-sys-color-primary: #6222CC;
            --md-sys-color-background: #FEF7FF;
            --md-sys-color-surface: #FFFFFF;
            --md-sys-color-on-surface: #1D1B20;
            --md-sys-shape-corner-large: 24px;
        }

        body {
            font-family: var(--yee-font-sans);
            background-color: var(--md-sys-color-background);
            color: var(--md-sys-color-on-surface);
            padding: clamp(20px, 6vw, 60px) 12px;
            line-height: 1.7;
        }

        .m3-card {
            background-color: var(--md-sys-color-surface);
            border-radius: var(--md-sys-shape-corner-large);
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            padding: clamp(22px, 5vw, 40px);
            margin: auto;
            border: 1px solid #E7E0EC;
        }

        h1 { font-family: var(--yee-font-display); font-weight: 700; font-size: clamp(1.5rem, 4vw, 2rem); }
        h2 { font-size: clamp(1.12rem, 3vw, 1.35rem); font-weight: 700; color: var(--md-sys-color-primary); margin-top: 35px; margin-bottom: 15px; }
        
        a { color: var(--md-sys-color-primary); text-decoration: none; font-weight: 500; }
        a:hover { text-decoration: underline; }

        .btn-lang {
            border: 1px solid var(--md-sys-color-primary);
            color: var(--md-sys-color-primary);
            border-radius: 50px;
            padding: 5px 20px;
            font-weight: 500;
        }
        .btn-lang.active {
            background-color: var(--md-sys-color-primary);
            color: white;
        }
        .policy-list li { margin-bottom: 10px; }