@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";.brand-logo[data-v-03224bc5]{display:inline-flex;align-items:center;text-decoration:none;font-family:var(--font-sans, system-ui, -apple-system, sans-serif);-webkit-user-select:none;user-select:none}.brand-logo.horizontal[data-v-03224bc5]{flex-direction:row;gap:10px}.brand-logo.vertical[data-v-03224bc5]{flex-direction:column;gap:8px;text-align:center}.logo-mark[data-v-03224bc5]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-svg[data-v-03224bc5]{width:100%;height:100%;display:block}.logo-typography[data-v-03224bc5]{font-weight:800;letter-spacing:-.02em;line-height:1;display:inline-flex;align-items:center}.text-lingo[data-v-03224bc5]{color:#531d5c;font-weight:800}.text-laab[data-v-03224bc5]{color:#00a8cc;font-weight:800}.theme-light .text-lingo[data-v-03224bc5]{color:#f8fafc}.theme-light .text-laab[data-v-03224bc5]{color:#00e5ff}.site-header[data-v-799b2e7a]{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:0 2px 12px #2e106508}.bar[data-v-799b2e7a]{display:flex;align-items:center;justify-content:space-between;height:74px}.brand-link[data-v-799b2e7a]{text-decoration:none;display:flex;align-items:center;transition:transform .15s ease}.brand-link[data-v-799b2e7a]:hover{transform:scale(1.02)}.nav[data-v-799b2e7a]{display:flex;align-items:center;gap:32px}.nav a[data-v-799b2e7a]{text-decoration:none;font-weight:600;color:var(--color-text-body);font-size:.95rem;transition:color .15s}.nav a[data-v-799b2e7a]:hover{color:var(--color-brand-cyan)}.login-link[data-v-799b2e7a]{color:var(--color-accent-purple)!important;font-weight:700!important}.nav-cta[data-v-799b2e7a]{padding:10px 22px;font-size:.9rem}.burger[data-v-799b2e7a]{display:none;flex-direction:column;gap:5px;background:transparent;padding:8px;border-radius:6px}.burger span[data-v-799b2e7a]{width:24px;height:2px;background:var(--color-text);border-radius:2px}@media (max-width: 860px){.nav[data-v-799b2e7a]{position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px 24px 28px;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-card);display:none;gap:16px}.nav.open[data-v-799b2e7a]{display:flex}.nav a[data-v-799b2e7a]{padding:8px 0}.burger[data-v-799b2e7a]{display:flex}}.site-footer[data-v-a472e9b6]{background:#2e1065;color:#f8fafc;padding:64px 0 28px;margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}.footer-grid[data-v-a472e9b6]{display:grid;grid-template-columns:2.2fr 1.2fr 1.3fr 1.2fr;gap:40px}.brand-col[data-v-a472e9b6]{display:flex;flex-direction:column;gap:16px}.footer-logo[data-v-a472e9b6]{display:inline-flex;text-decoration:none}.brand-desc[data-v-a472e9b6]{color:#f8fafcbf;font-size:.92rem;line-height:1.6;max-width:340px;margin:0}.palette-indicator[data-v-a472e9b6]{display:flex;gap:8px;margin-top:4px}.dot[data-v-a472e9b6]{width:10px;height:10px;border-radius:50%}.dot-cyan[data-v-a472e9b6]{background:var(--color-brand-cyan)}.dot-green[data-v-a472e9b6]{background:var(--color-action-success)}.dot-purple[data-v-a472e9b6]{background:var(--color-accent-purple)}.dot-yellow[data-v-a472e9b6]{background:var(--level-intermediate)}h4[data-v-a472e9b6]{color:#fff;margin-bottom:16px;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}ul[data-v-a472e9b6]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}ul a[data-v-a472e9b6]{color:#f8fafccc;text-decoration:none;font-size:.9rem;transition:color .15s ease,transform .15s ease;display:inline-block}ul a[data-v-a472e9b6]:hover{color:var(--color-brand-cyan);transform:translate(2px)}.level-list li[data-v-a472e9b6]{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#f8fafccc}.level-dot[data-v-a472e9b6]{width:8px;height:8px;border-radius:50%}.a-dot[data-v-a472e9b6]{background:var(--level-beginner)}.b-dot[data-v-a472e9b6]{background:var(--level-intermediate)}.c-dot[data-v-a472e9b6]{background:#a855f7}.test-link[data-v-a472e9b6]{color:var(--color-brand-cyan)!important;font-weight:700!important;margin-top:6px}.bottom[data-v-a472e9b6]{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#f8fafc99;text-align:center}@media (max-width: 900px){.footer-grid[data-v-a472e9b6]{grid-template-columns:1fr 1fr}}@media (max-width: 580px){.footer-grid[data-v-a472e9b6]{grid-template-columns:1fr;gap:32px}}:root{--color-base: #FFFFFF;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F9;--color-border: #E2E8F0;--color-border-subtle: #EDF2F7;--color-brand-cyan: #00A8CC;--color-brand-cyan-hover: #0093B3;--color-brand-cyan-light: rgba(0, 168, 204, .12);--color-brand-cyan-glow: rgba(0, 168, 204, .25);--color-action-success: #58CC02;--color-action-success-hover: #48AE00;--color-action-success-light: rgba(88, 204, 2, .14);--color-error-vermillion: #E63946;--color-error-vermillion-hover: #D62839;--color-error-vermillion-light: rgba(230, 57, 70, .12);--color-accent-purple: #531D5C;--color-text: #2E1065;--color-text-body: #3B185F;--color-text-muted: #6B5B7B;--color-text-light: #9488A1;--level-beginner: #38BDF8;--level-beginner-bg: rgba(56, 189, 248, .14);--level-beginner-text: #0284C7;--level-intermediate: #F59E0B;--level-intermediate-bg: rgba(245, 158, 11, .14);--level-intermediate-text: #D97706;--level-advanced: #6B21A8;--level-advanced-bg: rgba(107, 33, 168, .12);--level-advanced-text: #581C87;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(46, 16, 101, .04);--shadow-card: 0 10px 25px -5px rgba(46, 16, 101, .07), 0 8px 10px -6px rgba(46, 16, 101, .04);--shadow-lg: 0 20px 35px -8px rgba(46, 16, 101, .12);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Plus Jakarta Sans", sans-serif}[data-theme=dark]{--color-base: #1A0B2E;--color-bg: #120721;--color-surface: #1E0D36;--color-surface-hover: #261144;--color-border: #311854;--color-border-subtle: #240E3E;--color-brand-cyan: #00E5FF;--color-brand-cyan-hover: #26E9FF;--color-brand-cyan-light: rgba(0, 229, 255, .15);--color-brand-cyan-glow: rgba(0, 229, 255, .35);--color-action-success: #4ADE80;--color-action-success-hover: #22C55E;--color-action-success-light: rgba(74, 222, 128, .16);--color-error-vermillion: #F87171;--color-error-vermillion-hover: #EF4444;--color-accent-purple: #C084FC;--color-text: #FFFFFF;--color-text-body: #F1F5F9;--color-text-muted: #CBD5E1;--color-text-light: #94A3B8;--shadow-card: 0 12px 28px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#app{min-height:100vh;display:flex;flex-direction:column}a{color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);line-height:1.2;margin:0 0 .5em;font-weight:700}p{line-height:1.6;color:var(--color-text-muted);margin:0 0 1em}button{font-family:inherit;cursor:pointer;border:none}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-brand-cyan);color:#fff;box-shadow:0 6px 18px var(--color-brand-cyan-glow)}.btn-primary:hover{background:var(--color-brand-cyan-hover);box-shadow:0 8px 24px var(--color-brand-cyan-glow)}.btn-success{background:var(--color-action-success);color:#fff;box-shadow:0 6px 18px #58cc024d}.btn-success:hover{background:var(--color-action-success-hover)}.btn-secondary{background:var(--color-accent-purple);color:#fff;box-shadow:0 6px 18px #531d5c40}.btn-secondary:hover{background:#44164b}.btn-outline{background:transparent;border:2px solid var(--color-brand-cyan);color:var(--color-brand-cyan)}.btn-outline:hover{background:var(--color-brand-cyan);color:#fff}.btn-ghost{background:transparent;color:var(--color-text);padding:10px 18px}.btn-ghost:hover{background:var(--color-brand-cyan-light);color:var(--color-brand-cyan)}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-cyan{background:var(--color-brand-cyan-light);color:var(--color-brand-cyan)}.badge-beginner{background:var(--level-beginner-bg);color:var(--level-beginner-text);border:1px solid rgba(56,189,248,.3)}.badge-intermediate{background:var(--level-intermediate-bg);color:var(--level-intermediate-text);border:1px solid rgba(245,158,11,.3)}.badge-advanced{background:var(--level-advanced-bg);color:var(--level-advanced-text);border:1px solid rgba(107,33,168,.3)}.section{padding:80px 0}@media (max-width: 720px){.section{padding:52px 0}}