:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .25);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .3);--shadow-glow-accent: 0 0 20px rgba(0, 255, 163, .3);--shadow-glow-blue: 0 0 20px rgba(10, 132, 255, .3);--shadow-glow-orange: 0 0 20px rgba(212, 116, 95, .3);--color-bg-primary: #000000;--color-bg-secondary: #0A0A0A;--color-bg-tertiary: #121212;--color-surface-1: rgba(255, 255, 255, .03);--color-surface-2: rgba(255, 255, 255, .06);--color-surface-3: rgba(255, 255, 255, .1);--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .75);--color-text-tertiary: rgba(255, 255, 255, .55);--color-text-muted: rgba(255, 255, 255, .35);--color-accent: #00FFA3;--color-accent-hover: #00CC82;--color-blue: #0A84FF;--color-purple: #BF5AF2;--color-orange: #D4745F;--color-border-1: rgba(255, 255, 255, .08);--color-border-2: rgba(255, 255, 255, .12);--color-border-3: rgba(255, 255, 255, .16);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-notification: 1060;--glass-bg: rgba(20, 20, 20, .6);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .05) inset;--glass-backdrop: blur(20px) saturate(180%)}.card-standard{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.card-standard:hover{background:#19191999;border-color:var(--color-border-2);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-elevated{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-xl)}.card-minimal{background:var(--color-surface-1);border:1px solid var(--color-border-1);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast)}.card-minimal:hover{background:var(--color-surface-2);border-color:var(--color-border-2)}.section-spacing-sm{margin-bottom:var(--space-6)}.section-spacing-md{margin-bottom:var(--space-8)}.section-spacing-lg{margin-bottom:var(--space-10)}.heading-hero{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.03em;color:var(--color-text-primary)}.heading-1{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary)}.heading-2{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary)}.heading-3{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.01em;color:var(--color-text-primary)}.heading-4{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary)}.body-large{font-size:var(--text-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.body-normal{font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.body-small{font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#fff;color:#000;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#fffffff2}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border-2);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border-3);transform:translateY(-2px)}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#000;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-glow-accent)}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 0 30px #00ffa380}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-1);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-1);border-color:var(--color-border-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border-1);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.badge-accent{background:#00ffa326;border-color:var(--color-accent);color:var(--color-accent)}.badge-orange{background:#d4745f26;border-color:var(--color-orange);color:var(--color-orange)}.badge-blue{background:#0a84ff26;border-color:var(--color-blue);color:var(--color-blue)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.items-start{align-items:flex-start}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.bg-structured{position:relative;overflow:hidden}.bg-structured:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,116,95,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.bg-grid-subtle{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}.bg-gradient-radial{position:relative}.bg-gradient-radial:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,116,95,.08) 0%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.ethics-page .scenario-card{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--shadow-xl)}.ethics-page .choices-grid{display:grid;grid-template-columns:1fr}.ethics-page .choice-btn{display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left}.ethics-page .choice-btn:hover{background:var(--color-surface-3);border-color:var(--color-accent);transform:translate(4px);box-shadow:var(--shadow-md)}.ethics-page .choice-letter{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-accent);color:#000;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);flex-shrink:0}.fake-or-real-page .media-viewer-card{position:relative}.fake-or-real-page .media-placeholder{background:var(--color-surface-1)}.dashboard-page .module-card{border:1px solid var(--color-border-1);transition:all var(--transition-normal)}.dashboard-page .module-card:hover{border-color:var(--color-border-3);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.grid-2,.grid-3{grid-template-columns:1fr}.fake-or-real-page .game-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.75rem}.card-standard,.card-elevated{padding:var(--space-4)}.ethics-page .scenario-card{padding:var(--space-5)!important;min-height:240px!important}.dashboard-split-grid{grid-template-columns:1fr!important}}.website-content-card{background:#0f0f0f99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);text-align:center;box-shadow:0 20px 60px #00000080}.website-content-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.website-content-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.website-content-description{font-size:var(--font-size-lg);color:#fffc;line-height:var(--line-height-relaxed);max-width:800px;margin:0 auto}.website-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-feature-card{background:#0f0f0f99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.website-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(255,255,255,.1),transparent 70%);opacity:0;transition:opacity var(--transition-base)}.website-feature-card:hover{transform:translateY(-4px);border-color:#ffffff80;box-shadow:0 8px 32px #ffffff1a}.website-feature-card:hover:before{opacity:1}.website-feature-icon{font-size:3rem;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.website-feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#fff;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.website-feature-description{font-size:var(--font-size-base);color:#ffffffb3;line-height:var(--line-height-relaxed);position:relative;z-index:1}.website-feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.website-feature-detail-reverse{direction:rtl}.website-feature-detail-reverse>*{direction:ltr}.website-feature-detail-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border)}.website-feature-img{width:100%;height:auto;display:block}.website-feature-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:flex-end;padding:var(--spacing-xl)}.website-feature-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.website-feature-badge-icon{font-size:1.2rem}.website-feature-detail-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.website-feature-icon-large{font-size:4rem}.website-feature-detail-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.website-feature-detail-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-feature-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.website-feature-list li{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-mini-feature{text-align:center}.website-mini-feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.website-mini-feature h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.website-mini-feature p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.website-stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;box-shadow:0 8px 32px #0000004d}.website-stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs)}.website-stat-label{font-size:var(--font-size-sm);color:#ffffffb3;line-height:var(--line-height-relaxed)}.website-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.website-result-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--spacing-sm)}.website-result-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.website-result-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.website-social-proof{background:#0a0a0a80;padding:var(--spacing-3xl) 0;text-align:center}.website-social-proof-text{font-size:var(--font-size-base);color:#fff9;margin-bottom:var(--spacing-xl)}.website-social-proof-logos{display:flex;justify-content:center;align-items:center;gap:var(--spacing-3xl);flex-wrap:wrap}.website-social-proof-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:#ffffff80;padding:var(--spacing-md) var(--spacing-xl);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all var(--transition-base)}.website-social-proof-logo:hover{border-color:#ffffff80;color:#ffffffe6;transform:translateY(-2px)}.website-cta-banner{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-4xl);text-align:center}.website-cta-banner-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.website-cta-banner-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.website-cta-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;background:#0f0f0f99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:0 20px 60px #00000080}.website-cta-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.website-cta-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.02em}.website-cta-description{font-size:var(--font-size-base);color:#fffc;line-height:var(--line-height-relaxed)}.website-cta-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d}.website-cta-img{width:100%;height:auto;display:block;opacity:.9}.website-cta-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#0a0a0a80);display:flex;align-items:flex-end;padding:var(--spacing-xl)}.website-cta-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.website-cta-badge-icon{font-size:1.2rem;color:#fff}.website-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);display:flex;flex-direction:column;position:relative;transition:all var(--transition-base)}.website-pricing-card:hover{transform:translateY(-8px);border-color:#fff;box-shadow:0 12px 32px #ffffff1a}.website-pricing-card-featured{border-color:#fff;background:linear-gradient(135deg,#ffffff0d,#ffffff05);transform:scale(1.05)}.website-pricing-badge{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md);background:#fff;color:#000;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.website-pricing-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.website-pricing-tier{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.website-pricing-price{margin-bottom:var(--spacing-sm)}.website-pricing-amount{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:#fff}.website-pricing-period{font-size:var(--font-size-base);color:var(--color-text-tertiary)}.website-pricing-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.website-pricing-features{list-style:none;padding:0;margin-bottom:var(--spacing-2xl);flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.website-pricing-features li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-pricing-cta{width:100%}.website-comparison-table{overflow-x:auto;margin-top:var(--spacing-3xl)}.website-comparison-table table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.website-comparison-table th,.website-comparison-table td{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.website-comparison-table th{background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.website-comparison-table td{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.website-comparison-table tbody tr:last-child td{border-bottom:none}.website-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.website-faq-question{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.website-faq-answer{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-compliance-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.website-compliance-icon{font-size:3rem;color:var(--color-accent);margin-bottom:var(--spacing-md)}.website-compliance-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.website-compliance-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-compliance-card-large{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.website-compliance-icon-large{font-size:4rem;color:var(--color-accent);margin-bottom:var(--spacing-lg)}.website-compliance-title-large{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.website-compliance-card-large p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.website-compliance-card-large ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.website-compliance-card-large li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-compliance-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.website-compliance-details h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.website-compliance-details ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.website-compliance-details li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-timeline{display:flex;flex-direction:column;gap:var(--spacing-2xl);margin-top:var(--spacing-3xl);position:relative;padding-left:var(--spacing-4xl)}.website-timeline:before{content:"";position:absolute;left:32px;top:0;bottom:0;width:2px;background:var(--color-border)}.website-timeline-item{display:flex;gap:var(--spacing-xl);position:relative}.website-timeline-number{position:absolute;left:-56px;width:64px;height:64px;background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);z-index:1}.website-timeline-content{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.website-timeline-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.website-timeline-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-case-study{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.website-case-study-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border)}.website-case-study-img{width:100%;height:auto;display:block}.website-case-study-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ffa326,#0a84ff26);display:flex;align-items:flex-end;padding:var(--spacing-xl)}.website-case-study-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.website-case-study-icon{font-size:1.2rem}.website-case-study-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.website-case-study-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.website-case-study-quote{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-style:italic;padding-left:var(--spacing-xl);border-left:3px solid var(--color-accent)}.website-case-study-author{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin-top:-var(--spacing-sm)}.website-case-study-stats{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-lg)}.website-case-study-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.website-case-study-stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent)}.website-case-study-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.website-case-studies{display:flex;flex-direction:column;gap:var(--spacing-3xl);margin-top:var(--spacing-3xl)}.website-case-study-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.website-case-study-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.website-case-study-school{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.website-case-study-meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-md)}.website-case-study-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.website-study-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-study-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.website-study-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.website-study-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.website-study-list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-lg);position:relative}.website-study-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-weight:var(--font-weight-bold)}.website-research-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-research-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);transition:all var(--transition-base)}.website-research-card:hover{transform:translateY(-4px);border-color:var(--color-accent)}.website-research-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.website-research-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.website-research-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.website-research-link{color:var(--color-accent);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:opacity var(--transition-fast)}.website-research-link:hover{opacity:.8}.website-publications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-publication-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.website-publication-source{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.website-publication-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.website-publication-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.website-publication-link{color:var(--color-accent);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.website-privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-privacy-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.website-privacy-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.website-privacy-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.website-privacy-list li{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-lg);position:relative}.website-privacy-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-weight:var(--font-weight-bold)}.website-privacy-details{margin-top:var(--spacing-xl)}.website-privacy-details h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.website-privacy-details ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.website-privacy-details li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-lg);position:relative}.website-privacy-details li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.website-security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-security-item{text-align:center}.website-security-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.website-security-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.website-security-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-dpa-buttons{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl);flex-wrap:wrap}.website-rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.website-rights-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.website-rights-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.website-rights-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-rights-contact{text-align:center;font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--spacing-xl)}.website-rights-contact a{color:var(--color-accent);text-decoration:none}.website-contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center}.website-contact-card h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.website-contact-card>p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.website-contact-info{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.website-contact-info div{font-size:var(--font-size-base);color:var(--color-text-secondary)}.website-contact-info a{color:var(--color-accent);text-decoration:none}.website-about-story{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.website-about-story-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border)}.website-about-img{width:100%;height:auto;display:block}.website-about-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:flex-end;padding:var(--spacing-xl)}.website-about-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.website-about-icon{font-size:1.2rem}.website-about-story-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.website-about-story-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.website-about-story-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-about-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.website-about-link{color:#fff;text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:opacity var(--transition-fast)}.website-about-link:hover{opacity:.8}.website-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.website-value-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-base)}.website-value-card:hover{transform:translateY(-4px);border-color:#fff}.website-value-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.website-value-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.website-value-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-3xl)}.website-team-member{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.website-team-photo{width:150px;height:150px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--color-border)}.website-team-img{width:100%;height:100%;object-fit:cover}.website-team-placeholder{width:100%;height:100%;background:var(--color-surface-hover);display:flex;align-items:center;justify-content:center;font-size:4rem}.website-team-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.website-team-role{font-size:var(--font-size-sm);color:#fffc;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.website-team-bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-advisors-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-3xl)}.website-advisor{display:flex;gap:var(--spacing-lg);align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.website-advisor-icon{font-size:3rem;flex-shrink:0}.website-advisor-info{flex:1}.website-advisor-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.website-advisor-title{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.website-pilot-benefits{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-3xl)}.website-pilot-benefit{display:flex;gap:var(--spacing-lg);align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.website-pilot-benefit-icon{font-size:2rem;color:#fff;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-full)}.website-pilot-benefit-content{flex:1}.website-pilot-benefit-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.website-pilot-benefit-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.website-form-container{max-width:700px;margin:0 auto}.website-form-header{text-align:center;margin-bottom:var(--spacing-3xl)}.website-form-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.website-form-description{font-size:var(--font-size-base);color:var(--color-text-secondary)}.website-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.website-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.website-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.website-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.website-form-input,.website-form-select,.website-form-textarea{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.website-form-input:focus,.website-form-select:focus,.website-form-textarea:focus{outline:none;border-color:#fff;background:var(--color-surface-hover)}.website-form-textarea{resize:vertical;min-height:120px}.website-form-submit{padding:var(--spacing-md) var(--spacing-2xl);background:#fff;color:#000;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.website-form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.website-form-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:-var(--spacing-md)}.website-success-message{max-width:600px;margin:0 auto;text-align:center;padding:var(--spacing-4xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.website-success-icon{width:80px;height:80px;margin:0 auto var(--spacing-xl);background:#fff;color:#000;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:var(--font-weight-bold)}.website-success-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.website-success-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.website-loader{width:40px;height:40px;margin:0 auto;border:3px solid var(--color-surface-hover);border-top-color:#fff;border-radius:var(--radius-full);animation:spin 1s linear infinite}@media (max-width: 1024px){.website-nav-links{display:none}.website-hero-container,.website-feature-detail,.website-case-study,.website-cta-card,.website-about-story{grid-template-columns:1fr;gap:var(--spacing-2xl)}.website-feature-detail-reverse{direction:ltr}.website-hero-stats{flex-wrap:wrap}}@media (max-width: 768px){.website-page-title{font-size:var(--font-size-4xl)}.website-section-title,.website-hero-title,.website-feature-detail-title,.website-about-story-title{font-size:var(--font-size-3xl)}.website-footer-grid{grid-template-columns:1fr 1fr}.website-form-row{grid-template-columns:1fr}.website-timeline{padding-left:var(--spacing-2xl)}.website-timeline-number{left:-44px;width:48px;height:48px;font-size:var(--font-size-lg)}.website-timeline:before{left:24px}}@media (max-width: 640px){.website-nav-container{padding:var(--spacing-md) var(--spacing-lg)}.website-nav-cta{display:none}.website-page-hero{padding:calc(60px + var(--spacing-2xl)) var(--spacing-lg) var(--spacing-2xl)}.website-container{padding:0 var(--spacing-lg)}.website-section{padding:var(--spacing-2xl) 0}.website-footer-grid{grid-template-columns:1fr}.website-footer-bottom{flex-direction:column;text-align:center}.website-hero-cta,.website-cta-buttons{flex-direction:column}.website-cta-primary,.website-cta-secondary{width:100%}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px!important;z-index:1000;transition:transform .3s cubic-bezier(.22,1,.36,1)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px!important}.sidebar-collapse-btn{display:none!important}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease}.mobile-overlay.active{display:block;opacity:1}.mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:60px;padding:0 var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid rgba(255,255,255,.06);z-index:100}.mobile-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;transition:all .2s ease}.mobile-menu-btn:active{background:#ffffff1a;transform:scale(.95)}.mobile-logo{height:40px;width:auto}.mobile-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-user-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-accent);border:none;border-radius:50%;color:var(--color-bg-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer}.app-layout{padding-left:0;padding-top:60px}.main-content{margin-left:0!important;padding:var(--spacing-md)}.dashboard{padding:var(--spacing-md)}.dashboard-greeting{font-size:var(--font-size-2xl)}.dashboard-badges{flex-direction:column;gap:var(--spacing-sm)}.dashboard-badge{width:100%}.dashboard-layout{flex-direction:column;gap:var(--spacing-md)}.dashboard-main,.dashboard-sidebar{width:100%}.dashboard-card{padding:var(--spacing-md)}.dashboard-card-header h3{font-size:var(--font-size-lg)}.continue-learning{height:240px}.continue-learning-trail{display:none}.continue-learning-node{position:static;transform:none;margin:var(--spacing-lg) auto}.module-cards{grid-template-columns:1fr;gap:var(--spacing-md)}.playground-container{flex-direction:column;height:calc(100vh - 60px)}.playground-sidebar{width:100%;height:auto;max-height:40vh;position:relative;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);overflow-y:auto}.playground-main{flex:1;height:auto}.playground-chat{height:calc(60vh - 160px)}.playground-input-container{padding:var(--spacing-md)}.playground-input{min-height:60px}.mission-card{padding:var(--spacing-md)}.mission-header h3{font-size:var(--font-size-base)}.playground-guide{display:none}.auth-container{padding:var(--spacing-lg) var(--spacing-md)}.auth-card{padding:var(--spacing-xl) var(--spacing-lg);max-width:100%}.auth-header h1{font-size:var(--font-size-2xl)}.role-selection{flex-direction:column}.role-card{width:100%}.settings-container{padding:var(--spacing-md)}.settings-layout{flex-direction:column}.settings-sidebar{width:100%;margin-bottom:var(--spacing-lg)}.settings-content{width:100%}.hero-section{padding:var(--spacing-3xl) var(--spacing-md);min-height:auto}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-features{flex-direction:column;gap:var(--spacing-md)}.feature-card{width:100%}.modules-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.pricing-grid{flex-direction:column;gap:var(--spacing-lg)}.pricing-card{width:100%}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.progress-bars{gap:var(--spacing-md)}.modal-content{width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);margin:1rem;max-height:calc(100vh - 2rem)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}.form-row{flex-direction:column}.form-group{width:100%}.card-grid{grid-template-columns:1fr}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.section{padding:var(--spacing-2xl) var(--spacing-md)}.container{padding:0 var(--spacing-md)}}@media (max-width: 375px){.dashboard-greeting{font-size:var(--font-size-xl)}.hero-title{font-size:var(--font-size-2xl)}.mobile-header{height:56px;padding:0 var(--spacing-sm)}.app-layout{padding-top:56px}.main-content{padding:var(--spacing-sm)}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:240px}.main-content{margin-left:240px}.playground-container{flex-direction:column}.playground-sidebar{width:100%;height:300px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.module-cards{grid-template-columns:repeat(2,1fr)}}:root{--color-bg-primary: #000000;--color-bg-secondary: #0A0A0A;--color-bg-tertiary: #121212;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .06);--color-surface-glass: rgba(255, 255, 255, .05);--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-muted: rgba(255, 255, 255, .3);--color-accent: #00FFA3;--color-accent-dim: rgba(0, 255, 163, .2);--color-accent-glow: rgba(0, 255, 163, .4);--color-blue: #0A84FF;--color-blue-dim: rgba(10, 132, 255, .2);--color-purple: #BF5AF2;--color-purple-dim: rgba(191, 90, 242, .2);--color-success: #00FFA3;--color-error: #FF4545;--color-warning: #FFB800;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .04);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .05) inset;--glass-backdrop: blur(20px) saturate(180%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--color-accent-dim);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background:#111213;min-height:100vh;text-rendering:optimizeLegibility;position:relative}.main-layout,.home-page,.dashboard-page,.auth-page{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:-.02em}.glass-panel{background:var(--color-surface-glass);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-panel-hover{transition:all var(--transition-base)}.glass-panel-hover:hover{background:var(--color-surface-hover);box-shadow:var(--glass-shadow),var(--shadow-glow);transform:translateY(-2px)}.glow-accent{box-shadow:0 0 20px #00ffa34d,0 0 40px #00ffa326}.glow-blue{box-shadow:0 0 20px #0a84ff4d,0 0 40px #0a84ff26}.glow-purple{box-shadow:0 0 20px #bf5af24d,0 0 40px #bf5af226}h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#00ffa3cc}button{font-family:var(--font-sans);cursor:pointer;border:none;transition:all var(--transition-base)}input,textarea,select{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.container-sm{max-width:800px}.container-lg{max-width:1400px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.btn:hover:before{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#fff;color:#000;font-weight:var(--font-weight-semibold);box-shadow:0 4px 15px #fff3}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.btn-secondary{background:#ffffff14;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0000001a}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn-accent{background:linear-gradient(135deg,var(--color-blue) 0%,var(--color-purple) 100%);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.btn-accent:hover:not(:disabled){box-shadow:0 0 25px #0a84ff4d;transform:translateY(-2px)}.btn-outline{background:#0003;border:1px solid rgba(255,255,255,.15);color:var(--color-text-primary);box-shadow:0 4px 15px #0000001a}.btn-outline:hover:not(:disabled){background:#ffffff1a;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #ffffff1a}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-charcoal)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);background:#ffffff08;color:var(--color-text-primary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-accent);background:#ffffff0d;box-shadow:0 0 0 1px var(--color-accent),var(--shadow-glow)}.form-input.error,.form-textarea.error{border-color:var(--color-error);background:#ef44440d}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-error)}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-slate)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.alert-info{background-color:#17a2b81a;color:var(--color-info);border-left:4px solid var(--color-info)}.alert-success{background-color:#2d6a4f1a;color:var(--color-success);border-left:4px solid var(--color-success)}.alert-warning{background:#ffc1070d;border:1px solid rgba(255,193,7,.2);color:#ffc107;border-left:3px solid #FFC107}.alert-error{background:#ef44440d;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-left:3px solid #EF4444;display:flex;align-items:center;gap:var(--spacing-sm)}.spinner{border:3px solid var(--color-soft-white);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){html{font-size:14px}.container{padding:0 var(--spacing-sm)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.main-layout{min-height:100vh;display:flex;position:relative}.main-layout.with-sidebar{padding-left:260px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--color-bg-secondary);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:var(--spacing-sm) 0;z-index:var(--z-sticky);transition:width .3s cubic-bezier(.22,1,.36,1)}.sidebar.collapsed{width:80px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md);gap:var(--spacing-sm)}.sidebar-collapse-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1)}.sidebar-collapse-btn:hover{background:#ffffff14;color:#fff}.sidebar-switch-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f726,#3b82f626);border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md);color:#a855f7;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative}.sidebar-switch-btn:hover{background:linear-gradient(135deg,#a855f740,#3b82f640);border-color:#a855f780;transform:translateY(-1px);box-shadow:0 4px 12px #a855f733}.sidebar-switch-btn:active{transform:translateY(0)}.sidebar-switch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sidebar-switch-btn svg{flex-shrink:0}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--spacing-sm);gap:var(--spacing-md)}.sidebar.collapsed .sidebar-collapse-btn{width:40px;height:40px;margin-top:var(--spacing-sm)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;flex:1}.sidebar-logo-img{height:65px;width:auto;object-fit:contain;max-width:240px;transition:all .3s ease}.sidebar.collapsed .sidebar-logo-img{height:40px;max-width:40px}.sidebar-search{margin:0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);position:relative;display:flex;align-items:center}.sidebar-search-icon{position:absolute;left:var(--spacing-sm);color:var(--color-text-muted);pointer-events:none}.sidebar-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base)}.sidebar-search-input::placeholder{color:var(--color-text-muted)}.sidebar-search-input:focus{outline:none;background:#ffffff0f;border-color:#ffffff26}.sidebar-search-shortcut{position:absolute;right:var(--spacing-sm);display:flex;gap:2px;pointer-events:none}.sidebar-search-shortcut span{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:3px;color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-medium)}.sidebar-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.05em;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);margin:0 var(--spacing-sm);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-secondary);transition:all var(--transition-base);position:relative}.sidebar-nav-item:hover{background:var(--color-surface);color:var(--color-text-primary)}.sidebar-nav-item.active{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;transition:all .3s cubic-bezier(.22,1,.36,1)}.sidebar.collapsed .sidebar-nav-icon{width:32px;height:32px}.sidebar-icon-img{width:20px;height:20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(100%);transition:all .3s cubic-bezier(.22,1,.36,1)}.sidebar-nav-item:nth-child(2) .sidebar-icon-img{width:24px;height:24px}.sidebar.collapsed .sidebar-icon-img{width:28px;height:28px}.sidebar.collapsed .sidebar-nav-item:nth-child(2) .sidebar-icon-img{width:32px;height:32px}.sidebar-nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:var(--spacing-md)}.sidebar.collapsed .sidebar-nav-label{display:none}.sidebar-stats{margin:var(--spacing-lg) var(--spacing-md) var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar-stats-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.sidebar-stats-points{flex:1;display:flex;flex-direction:column;gap:2px}.sidebar-stats-points-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.sidebar-stats-points-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}.sidebar-stats-circle{position:relative;width:50px;height:50px;flex-shrink:0}.sidebar-stats-circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.sidebar-stats-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3.5}.sidebar-stats-circle-progress{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .3s ease}.sidebar-stats-bar-container{width:100%}.sidebar-stats-bar-bg{width:100%;height:10px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.sidebar-stats-bar-fill{height:100%;background:linear-gradient(90deg,#fff,#0a84ff4d);border-radius:var(--radius-sm);transition:width .3s ease}.sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#14141ecc,#0a0a14e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-top:auto;transition:all .3s ease;text-decoration:none;cursor:pointer;position:relative;overflow:hidden}.sidebar-user:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.sidebar-user:hover:before{opacity:1}.sidebar-user:hover{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fff3,#ffffff1a);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.3)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:14px;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 2px;line-height:1.3}.sidebar-user-email{font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-user{justify-content:center;padding:var(--spacing-sm);margin:var(--spacing-sm)}.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-user-settings{display:none;margin:0;line-height:1.3}.sidebar-user-settings{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0d;color:#fff9;transition:all .3s ease;flex-shrink:0}.sidebar-user:hover .sidebar-user-settings{background:#fff3;color:#fff}.sidebar-cta{padding:var(--spacing-lg);margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.sidebar-cta-content{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.sidebar-cta-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fffffff2;margin-bottom:var(--spacing-xs)}.sidebar-cta-text{font-size:var(--font-size-sm);color:#fff9;margin-bottom:var(--spacing-lg);line-height:1.5}.sidebar-cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:#fff;color:#000;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-decoration:none;transition:all .3s ease;width:100%;justify-content:center}.sidebar-cta-btn:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.sidebar-cta-link{display:block;margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:#ffffff80;text-decoration:none;transition:color .2s ease}.sidebar-cta-link:hover{color:#fffc}.sidebar-promo-card{position:relative;margin:var(--spacing-md);margin-top:auto;border-radius:16px;overflow:hidden;height:280px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d}.sidebar-promo-bg{position:absolute;width:100%;height:100%;object-fit:cover}.sidebar-promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#d4745fd9,#0a0a0ae6)}.sidebar-promo-content{position:relative;z-index:2;padding:var(--spacing-lg) var(--spacing-md);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.sidebar-promo-logo{height:36px;width:auto;margin-bottom:2px;filter:brightness(1.2)}.sidebar-promo-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px}.sidebar-promo-text{font-size:var(--font-size-xs);color:#ffffffe6;line-height:1.4;margin-bottom:var(--spacing-sm)}.sidebar-promo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.2);width:100%}.sidebar-promo-stat{text-align:center}.sidebar-promo-stat .stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:2px}.sidebar-promo-stat .stat-label{font-size:10px;color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.sidebar-promo-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.sidebar-promo-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);background:#fff;color:#000;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-decoration:none;transition:all .3s ease;width:100%;height:38px}.sidebar-promo-btn-primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.sidebar-promo-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px var(--spacing-lg);background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-decoration:none;transition:all .3s ease;width:100%;height:38px}.sidebar-promo-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.sidebar.collapsed .sidebar-promo-card{display:none}.stats-signup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0a0a0ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);z-index:10}.stats-signup-content{text-align:center;padding:var(--spacing-xl);max-width:300px}.stats-signup-content svg{margin:0 auto var(--spacing-lg);color:#fffc}.stats-signup-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fffffff2;margin-bottom:var(--spacing-sm)}.stats-signup-content p{font-size:var(--font-size-sm);color:#fff9;margin-bottom:var(--spacing-lg);line-height:1.6}.stats-signup-btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:#fff;color:#000;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-decoration:none;transition:all .3s ease}.stats-signup-btn:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;position:relative;z-index:1}.floating-elements{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.floating-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s infinite ease-in-out}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-200px;right:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--color-blue) 0%,transparent 70%);bottom:-250px;left:10%;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--color-purple) 0%,transparent 70%);top:40%;right:5%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.home-page{min-height:100vh;width:100%}.home-page .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.hero-header-line{position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff26;z-index:100}.hero-nav{position:absolute;top:0;left:0;right:0;z-index:100;padding:var(--spacing-lg) 0}.hero-nav-content{display:flex;justify-content:space-between;align-items:center}.hero-nav-logo{display:flex;align-items:center;text-decoration:none}.hero-nav-logo-img{height:70px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.hero-nav-menu{display:flex;align-items:center;gap:var(--spacing-md)}.hero-nav-link{display:flex;align-items:center;color:#ffffffd9;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px 18px;border-radius:10px;transition:all var(--transition-base);position:relative;white-space:nowrap;background:#ffffff08;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-nav-link:hover{background:#ffffff14;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.hero-nav-link-primary{background:#fff;border:1px solid rgba(255,255,255,.3);color:#000;font-weight:var(--font-weight-bold);box-shadow:0 4px 15px #fff3}.hero-nav-link-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d;border-color:#fff}.home-nav-actions{display:flex;gap:var(--spacing-sm);align-items:center}.plus-pattern{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.plus-pattern-hero{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;clip-path:polygon(0 0,61.5% 0,45% 100%,0 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 15%,rgba(0,0,0,.7) 30%,rgba(0,0,0,1) 45%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 15%,rgba(0,0,0,.7) 30%,rgba(0,0,0,1) 45%)}.hero-modern .plus-icon{opacity:.04}.plus-icon{position:absolute;font-size:2rem;color:#d4745f;opacity:.15;font-weight:300;animation:floatPlus 8s ease-in-out infinite;text-shadow:0 0 20px rgba(212,116,95,.3);will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes floatPlus{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes twinklePlus{0%,to{opacity:.06;transform:translateY(0) scale(1)}50%{opacity:.25;transform:translateY(-5px) scale(1.05)}}.plus-twinkle{animation:twinklePlus 4s ease-in-out infinite!important;will-change:transform,opacity}.hero{position:relative;padding:var(--spacing-4xl) 0 var(--spacing-3xl);overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero-bg-image{width:100%;height:100%;object-fit:cover;opacity:.35}.hero-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0006,#0009)}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,255,163,.08) 0%,transparent 70%);pointer-events:none;z-index:1}.hero-content{max-width:1000px;margin:0 auto;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);margin-bottom:var(--spacing-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;color:var(--color-text-secondary);text-transform:uppercase}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);letter-spacing:-.03em}.text-gradient{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-blue) 50%,var(--color-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2xl);color:var(--color-text-secondary);max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hero-modern{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding-top:var(--spacing-4xl);will-change:transform,border-radius,margin;transition:box-shadow .3s ease}.hero-diagonal-bg{position:absolute;top:0;right:0;width:55%;height:100%;clip-path:polygon(30% 0,100% 0,100% 100%,0% 100%);overflow:hidden;z-index:5}.hero-diagonal-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,transparent 50%);z-index:2}.hero-diagonal-bg:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(115deg,#0a0a0a 0%,rgba(10,10,10,.95) 20%,rgba(10,10,10,.85) 40%,rgba(10,10,10,.4) 60%,transparent 80%);z-index:3;clip-path:polygon(0 0,45% 0,15% 100%,0 100%);box-shadow:30px 0 80px 40px #000c}.hero-diagonal-image{width:100%;height:100%;object-fit:cover;opacity:.35;filter:brightness(.75) contrast(1.15) blur(1px)}.hero-container{position:relative;z-index:10;width:100%;padding-top:calc(var(--spacing-4xl) + 60px);padding-bottom:var(--spacing-4xl)}.hero-content-modern{max-width:600px;position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 160px);justify-content:center}.hero-badge-modern{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.65rem;font-weight:var(--font-weight-semibold);letter-spacing:.1em;color:#fff;text-transform:uppercase;border-radius:8px}.hero-title-modern{font-size:clamp(2rem,5vw,3.25rem);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--spacing-md);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero-gradient-text{color:var(--color-accent);text-shadow:0 0 20px rgba(0,255,163,.3)}.hero-subtitle-modern{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm);color:#ffffffe6;max-width:600px;text-shadow:0 2px 15px rgba(0,0,0,.7)}.hero-compliance{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#00ffa31f;border:1px solid rgba(0,255,163,.3);border-left:3px solid var(--color-accent);border-radius:6px;max-width:600px}.hero-compliance svg{flex-shrink:0;width:14px;height:14px}.hero-compliance span{font-size:var(--font-size-sm);color:#fffffff2;font-weight:var(--font-weight-semibold);line-height:1.5}.hero-actions-modern{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl)}.hero-stats-modern{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.15);justify-content:center;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center;min-width:120px}.hero-stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-stat-label{font-size:var(--font-size-sm);color:#fff9;font-weight:var(--font-weight-medium)}.hero-secondary-info{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-4xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid rgba(255,255,255,.1)}.hero-scroll-indicator{position:absolute;bottom:var(--spacing-3xl);left:0;right:0;display:flex;justify-content:center;z-index:4}.scroll-progress-indicator{position:fixed;right:var(--spacing-2xl);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--spacing-md);z-index:100}.scroll-progress-dot{width:8px;border-radius:var(--radius-full);background:#ffffff4d;transition:all .4s cubic-bezier(.4,0,.2,1)}.scroll-indicator-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:opacity .3s ease}.scroll-indicator-content:hover{opacity:.7}.scroll-text{font-size:var(--font-size-xs);color:#fff9;text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-semibold)}.scroll-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-icon svg{color:#fffc}.hero-compliance-minimal{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:#fff9;font-weight:var(--font-weight-medium)}.hero-compliance-minimal svg{color:var(--color-accent);opacity:.7}.hero-link-secondary{font-size:var(--font-size-xs);color:#fff9;text-decoration:none;font-weight:var(--font-weight-medium);transition:color .3s ease}.hero-link-secondary span{color:#ffffffe6;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.hero-link-secondary:hover{color:#ffffffe6}.hero-link-secondary:hover span{color:#fff}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:8px;text-decoration:none;transition:all var(--transition-base);position:relative;z-index:1;color:#fff;white-space:nowrap;height:44px;min-width:140px}.hero-btn-primary{background:transparent;border:2px solid var(--color-accent);color:var(--color-accent);box-shadow:0 0 20px #00ffa333;height:52px;min-width:180px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.hero-btn-primary:hover{transform:translateY(-2px);background:#00ffa31a;box-shadow:0 0 30px #00ffa366}.hero-btn-secondary{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#ffffffe6}.hero-btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.hero-video-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.hero-video-cta:hover{color:var(--color-accent);gap:var(--spacing-sm)}.hero-video-cta svg{opacity:.8}.hero-badge-wrapper{display:inline-block}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-4xl);max-width:600px}.hero-stat-box{padding:var(--spacing-lg);text-align:center;border-radius:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.hero-stat-box:hover{transform:translateY(-3px)}.stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fffffff2;margin-bottom:var(--spacing-xs);text-shadow:0 2px 8px rgba(0,0,0,.3)}.stat-label{font-size:var(--font-size-xs);color:#ffffffb3;font-weight:var(--font-weight-medium)}.stat-microlabel{font-size:var(--font-size-xs);color:#ffffff80;margin-top:var(--spacing-xs);font-weight:var(--font-weight-regular)}.hero-credibility{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.credibility-text{display:block;font-size:var(--font-size-sm);color:#fff9;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium)}.credibility-icons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.credential-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:var(--font-size-xs);color:#ffffffb3;font-weight:var(--font-weight-medium)}@media (max-width: 768px){.hero-scroll-indicator{bottom:var(--spacing-2xl)}.scroll-text{font-size:10px}.scroll-icon{width:28px;height:28px}.hero-content-modern{min-height:calc(100vh - 140px)}.hero-stats{grid-template-columns:1fr;max-width:300px;padding-top:var(--spacing-2xl)}.hero-diagonal-bg{width:100%;clip-path:polygon(0 40%,100% 0,100% 100%,0 100%)}}.features-section{padding:var(--spacing-4xl) 0}.section-title{text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);color:var(--color-text-primary);letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.feature-card{border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"+";position:absolute;top:15px;right:15px;font-size:4rem;color:#d4745f;opacity:.08;font-weight:200;transition:all var(--transition-base)}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-blue) 50%,var(--color-purple) 100%);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{transform:translateY(-4px)}.feature-card:hover:before{opacity:.25;transform:scale(1.15)}.feature-card:hover:before{opacity:1}.feature-icon{width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);background:#00ffa31a;border:1px solid var(--color-border)}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.feature-list{list-style:none;padding:0}.feature-list li{padding:var(--spacing-xs) 0;color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.feature-list li:before{content:"✓";color:var(--color-accent);font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.cta-section{padding:var(--spacing-4xl) 0;position:relative;overflow:hidden}.cta-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.cta-bg-image{width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(2px)}.cta-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00000080,#000000b3)}.cta-card{background:var(--color-surface-glass);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);padding:var(--spacing-3xl);border-radius:var(--radius-2xl);text-align:center;max-width:900px;margin:0 auto;box-shadow:var(--glass-shadow);position:relative;overflow:hidden;z-index:1}.cta-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ffa30d,#0a84ff0d);pointer-events:none}.cta-card h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);position:relative;z-index:1}.cta-card p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);position:relative;z-index:1}.home-footer{padding:var(--spacing-2xl) 0;text-align:center;border-top:1px solid var(--color-border);margin-top:var(--spacing-4xl)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-logo-img{height:35px;width:auto;object-fit:contain;margin-bottom:var(--spacing-sm)}.footer-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.footer-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.home-footer p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.home-footer-enhanced{background:linear-gradient(180deg,#050505f2,#000000fa);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-top:1px solid rgba(255,255,255,.08);padding:var(--spacing-4xl) 0 var(--spacing-2xl);margin-top:var(--spacing-4xl);position:relative}.home-footer-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.footer-grid{display:grid;grid-template-columns:1.8fr 2.2fr;gap:var(--spacing-4xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid rgba(255,255,255,.08)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-lg)}.home-footer-enhanced .footer-logo-img{height:70px;width:auto;object-fit:contain;margin-bottom:var(--spacing-md);filter:grayscale(100%) brightness(1.2);opacity:.9;transition:all var(--transition-base)}.home-footer-enhanced .footer-logo-img:hover{filter:grayscale(0%) brightness(1);opacity:1}.footer-tagline{font-size:var(--font-size-lg);color:#ffffffe6;font-weight:var(--font-weight-semibold);margin:0;line-height:1.4}.footer-location{font-size:var(--font-size-base);color:#fff9;margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl)}@media (max-width: 768px){.footer-links{grid-template-columns:1fr;gap:var(--spacing-xl)}}.footer-column h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fffffff2;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-lg)}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-column ul li a{font-size:var(--font-size-base);color:#ffffffa6;text-decoration:none;transition:all var(--transition-base);display:inline-block;position:relative}.footer-column ul li a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fffc;transition:width var(--transition-base)}.footer-column ul li a:hover{color:#fff;transform:translate(4px)}.footer-column ul li a:hover:before{width:100%}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);padding-top:var(--spacing-xl)}@media (max-width: 768px){.footer-bottom{flex-direction:column;text-align:center}}.footer-copyright{font-size:var(--font-size-sm);color:#ffffff80;margin:0;font-weight:var(--font-weight-medium)}.footer-badges{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 768px){.footer-badges{justify-content:center}}.footer-badge{font-size:var(--font-size-xs);padding:8px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;font-weight:var(--font-weight-semibold);letter-spacing:.02em;transition:all var(--transition-base)}.footer-badge:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-soft-white) 0%,var(--color-white) 100%);padding:var(--spacing-xl)}.auth-container{width:100%;max-width:500px}.auth-card{background:var(--color-surface-glass);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.btn-block{width:100%;justify-content:center}.auth-footer{margin-top:var(--spacing-xl);text-align:center}.link-primary{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.link-primary:hover{color:#00ffa3cc}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--color-white);animation:spin .6s linear infinite;margin-right:var(--spacing-sm)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.hero-title{font-size:var(--font-size-3xl)}.form-row{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}}.dashboard-page{min-height:100vh;padding:3rem 2rem 6rem;position:relative;overflow-x:hidden}.dashboard-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.dashboard-page:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(212,116,95,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.dashboard-centered{width:100%;max-width:1100px;margin:0 auto;position:relative;z-index:1}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.spinner-large{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.dashboard-header{text-align:left;margin-bottom:2rem;padding-top:2rem}.dashboard-greeting{font-size:2.75rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;letter-spacing:-.04em;line-height:1.15}.dashboard-subtitle{font-size:1.05rem;color:#ffffff80;font-weight:400;letter-spacing:-.01em}.dashboard-input-wrapper{margin-bottom:3.5rem;margin-top:1.5rem}.dashboard-input-bar{display:flex;align-items:center;background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:1.1rem 1.5rem;box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-input-bar:focus-within{border-color:#fff6;box-shadow:0 0 0 1px #ffffff4d,0 8px 32px #ffffff1a,inset 0 1px #ffffff14}.dashboard-input{flex:1;background:transparent;border:none;outline:none;font-size:.95rem;color:var(--color-text-primary);padding:.25rem 0;font-weight:400}.dashboard-input::placeholder{color:#ffffff4d}.dashboard-input-actions{display:flex;gap:.25rem;margin-left:var(--spacing-sm)}.dashboard-input-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.625rem;cursor:pointer;transition:all .2s ease;color:#fff6}.dashboard-input-btn:hover{background:#ffffff0f;color:#ffffffe6}.dashboard-section{margin-bottom:3.5rem}.section-title{font-size:1.35rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem;letter-spacing:-.02em}.section-header-with-link{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-view-all{font-size:.9rem;color:#fffc;text-decoration:none;font-weight:500;transition:all .2s ease;letter-spacing:-.01em}.section-view-all:hover{color:#fff;transform:translate(2px)}.dashboard-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3.5rem}.dashboard-half-section{display:flex;flex-direction:column}.stats-grid-compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.playground-progress-pane{background:#14141466;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:1.5rem;padding:0;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d;display:flex;flex-direction:column;position:relative;height:320px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;cursor:pointer}.playground-progress-pane:hover{transform:scale(1.01);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff1a;border-color:#ffffff4d}.playground-preview-mask{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:3rem;padding:2rem 0}.preview-path-line{position:absolute;top:-50px;bottom:-50px;left:50%;width:4px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 10px,transparent 10px,transparent 20px);transform:translate(-50%);z-index:0}.preview-item{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;padding:0 2rem}.preview-item.left{flex-direction:row}.preview-item.right{flex-direction:row-reverse}.preview-node-container{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:80px;height:80px;z-index:2;justify-content:flex-end}.preview-mound{position:absolute;bottom:0;width:60px;height:30px;background:#2a2a2a;border-radius:60px 60px 0 0;box-shadow:0 4px 15px #00000080;border:1px solid rgba(255,255,255,.1);border-bottom:none;transition:all .3s ease}.preview-item.active .preview-mound{background:linear-gradient(to bottom,var(--color-accent),#00cc82);box-shadow:0 0 20px var(--color-accent-glow);border-color:var(--color-accent)}.preview-item.completed .preview-mound{background:#00cc82;box-shadow:0 0 10px #00cc824d}.preview-item.locked .preview-mound{background:#1a1a1a;opacity:.6}.preview-flag-wrapper{position:absolute;bottom:25px;left:50%;transform:translate(-50%);height:50px;width:4px;z-index:3}.preview-flagpole{width:3px;height:100%;background:linear-gradient(to right,#666,#999,#666);border-radius:2px}.preview-flag{position:absolute;top:2px;left:2px;width:30px;height:20px;background:var(--color-accent);clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:left center;box-shadow:2px 2px 5px #0000004d}.preview-item.active .preview-flag{animation:flag-wave 1.5s infinite ease-in-out alternate}.preview-item.completed .preview-flag{background:#00cc82}.preview-item.locked .preview-flag{background:#444}.preview-card-stub{width:48%;height:4px;background:#ffffff1a;border-radius:2px}.preview-item.left .preview-card-stub{margin-right:auto;margin-left:-8%;padding-right:4rem}.preview-item.right .preview-card-stub{margin-left:auto;margin-right:0;padding-left:4rem}.preview-card-stub.active{height:auto;background:#14141499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:.75rem 1rem;border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 4px 12px #0003}.preview-card-badge{font-size:.65rem;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.preview-card-title{font-size:.85rem;color:#fff;font-weight:600}.playground-fullscreen-btn{position:absolute;bottom:1.5rem;right:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff9;transition:all .2s ease;z-index:10}.playground-fullscreen-btn:hover{background:#fff3;color:#fff;border-color:#fff;transform:scale(1.1)}@media (max-width: 900px){.dashboard-split-grid{grid-template-columns:1fr}}.playground-trail-mini{position:relative;display:flex;align-items:center;justify-content:space-between;padding:2rem 1rem}.trail-mini-path{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:3px;background:repeating-linear-gradient(to right,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 8px,transparent 8px,transparent 16px);z-index:0}.trail-mini-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.trail-mini-mound{width:48px;height:24px;background:#2a2a2a;border-radius:48px 48px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none;box-shadow:0 2px 8px #00000080;transition:all .3s ease}.trail-mini-node.completed .trail-mini-mound{background:#00cc82;box-shadow:0 0 12px #00cc8266;border-color:#00cc82}.trail-mini-node.active .trail-mini-mound{background:linear-gradient(to bottom,#d4745f,#d67459);box-shadow:0 0 16px #d4745f80;border-color:#d4745f;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px #d4745f80}50%{box-shadow:0 0 24px #d4745fcc}}.trail-mini-node.locked .trail-mini-mound{background:#1a1a1a;opacity:.5}.trail-mini-flag{width:28px;height:18px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);box-shadow:1px 1px 3px #0000004d;transition:all .3s ease;transform-origin:left center}.trail-mini-node.completed .trail-mini-flag{background:#00cc82}.trail-mini-node.active .trail-mini-flag{background:#d4745f;animation:flag-wave 1.5s infinite ease-in-out alternate}@keyframes flag-wave{0%{transform:scaleX(1) skewY(0) rotateY(0)}25%{transform:scaleX(.95) skewY(-5deg) rotateY(10deg)}50%{transform:scaleX(.9) skewY(-2deg) rotateY(20deg)}75%{transform:scaleX(.95) skewY(5deg) rotateY(10deg)}to{transform:scaleX(1) skewY(2deg) rotateY(0)}}.trail-mini-node.locked .trail-mini-flag{background:#444;opacity:.5}.playground-progress-info{display:flex;flex-direction:column;gap:1rem}.progress-stat-row{display:flex;justify-content:space-between;align-items:center}.progress-stat-label{font-size:.9rem;color:#fff9;font-weight:500}.progress-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.progress-bar-container{width:100%;height:8px;background:#ffffff14;border-radius:8px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#d4745f,#ff9664);border-radius:8px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #d4745f80;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-current-mission{display:flex;align-items:center;gap:.75rem;padding-top:.5rem}.progress-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;background:#d4745f26;border:1px solid rgba(212,116,95,.3);border-radius:.5rem;font-size:.75rem;font-weight:600;color:#d4745f;text-transform:uppercase;letter-spacing:.05em}.progress-mission-name{font-size:.95rem;color:var(--color-text-primary);font-weight:500;letter-spacing:-.01em}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:var(--spacing-3xl)}.quick-actions-title{font-size:.8rem;font-weight:600;color:#fff6;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem;margin-top:0}.module-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;background:#14141466;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:2rem 1.5rem;text-decoration:none;color:inherit;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center;min-height:160px}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,116,95,.6),transparent);opacity:0;transition:opacity .3s ease}.module-card:hover{transform:translateY(-4px) scale(1.01);background:#19191980;box-shadow:0 12px 32px #0006,0 0 0 1px #d4745f33,inset 0 1px #ffffff14;border-color:#d4745f4d}.module-card:hover:before{opacity:1}.module-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.module-card:hover .module-icon{transform:scale(1.08) translateY(-2px)}.module-content h3{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin-bottom:0;letter-spacing:-.01em}.module-content p{display:none}.module-badge{display:inline-block;padding:.375rem .75rem;background:#d4745f1f;border:1px solid rgba(212,116,95,.25);border-radius:.5rem;font-size:.7rem;font-weight:600;color:#d4745f;letter-spacing:.06em;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:0}.stat-card{background:#14141466;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,116,95,.5),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover{background:#19191980;transform:translateY(-2px);border-color:#d4745f40}.stat-card:hover:before{opacity:1}.stat-icon{width:52px;height:52px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#d4745f1f;border:1px solid rgba(212,116,95,.25);transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-label{font-size:.8rem;color:#ffffff80;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1}.teacher-actions{display:flex;gap:.875rem;margin-bottom:var(--spacing-xl);flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;margin-top:0}.activity-list{display:flex;flex-direction:column;gap:.625rem}.activity-item{background:#14141466;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.activity-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:linear-gradient(to bottom,transparent,rgba(212,116,95,.8),transparent);transition:height .3s ease}.activity-item:hover{background:#19191980;transform:translate(4px);border-color:#d4745f40}.activity-item:hover:before{height:70%}.activity-icon{width:42px;height:42px;border-radius:.75rem;background:#d4745f1f;border:1px solid rgba(212,116,95,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.activity-item:hover .activity-icon{transform:scale(1.05)}.activity-content{flex:1}.activity-title{font-size:.9rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem;letter-spacing:-.01em}.activity-time{font-size:.8rem;color:#fff6;font-weight:500}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.achievement-card{background:#14141466;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.achievement-card.earned{border-color:#d4745f4d}.achievement-card.earned:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,116,95,.8),transparent)}.achievement-card.locked{opacity:.4}.achievement-card:not(.locked):hover{transform:translateY(-4px) scale(1.02);background:#19191980;border-color:#d4745f66;box-shadow:0 8px 24px #0006}.achievement-icon{margin-bottom:.25rem;transition:transform .3s ease}.achievement-card:hover .achievement-icon{transform:scale(1.1) translateY(-2px)}.achievement-content h4{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem;letter-spacing:-.01em}.achievement-content p{font-size:.75rem;color:#ffffff73;line-height:1.4;font-weight:400}.teacher-actions .btn svg{margin-right:var(--spacing-xs)}.empty-state{text-align:center;padding:var(--spacing-3xl);background:var(--color-white);border-radius:var(--radius-lg);color:var(--color-slate)}.empty-state svg{margin-bottom:var(--spacing-lg);color:var(--color-slate);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);color:var(--color-charcoal);margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.module-grid{grid-template-columns:1fr}.module-card{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}}.playground-page{min-height:100vh;padding:var(--spacing-2xl)}.playground-container{max-width:1200px;margin:0 auto}.playground-header{text-align:center;margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-2xl)}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#00ffa31a;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.playground-header h1{font-size:2.5rem;font-weight:600;margin-bottom:var(--spacing-sm);letter-spacing:-.03em}.mission-stats{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-xl);background:#1a1a1c;border:1px solid #2a2a2c;border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl)}.stat-number{font-size:2rem;font-weight:600;color:var(--color-accent)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.stat-divider{width:1px;height:40px;background:#2a2a2c}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.mission-card{position:relative;display:flex;flex-direction:column;background:#1a1a1c;border:1px solid #2a2a2c;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-decoration:none;color:inherit;overflow:hidden;transition:all var(--transition-base)}.mission-card:hover{border-color:var(--color-accent);box-shadow:0 4px 20px #00ffa31a;transform:translateY(-2px)}.mission-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);padding:.375rem .75rem;background:#00ffa326;border:1px solid var(--color-accent);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent)}.difficulty-bar{position:absolute;top:0;left:0;right:0;height:4px}.mission-card-content{margin-top:var(--spacing-sm);flex:1}.mission-card h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.mission-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.mission-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-top:auto}.difficulty-tag,.grade-tag{padding:.25rem .75rem;background:#ffffff0d;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.grade-tag{color:var(--color-text-tertiary)}.mission-score{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #2a2a2c;font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent)}.mission-arrow{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.mission-card:hover .mission-arrow{transform:translate(4px);color:var(--color-accent)}.playground-page-new{display:flex;height:100vh;overflow:hidden;margin-left:-280px;background:#000;padding:0;gap:0}.playground-sidebar{width:280px;background:#0f0f14e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-right:1px solid rgba(255,255,255,.08);border-radius:0;display:flex;flex-direction:column;overflow:hidden;z-index:10;box-shadow:none}.playground-sidebar-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.playground-sidebar-icon{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(100%);opacity:.8}.playground-sidebar-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.02em}.playground-new-chat{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md);padding:var(--spacing-sm);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0003}.playground-new-chat:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #ffffff26}.playground-chat-list{flex:1;overflow-y:auto;padding:0 var(--spacing-sm)}.playground-chat-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-base)}.playground-chat-item:hover{background:#ffffff08;border-color:#ffffff0d}.playground-chat-item.active{background:linear-gradient(90deg,rgba(255,255,255,.1),transparent);border-left:2px solid #ffffff;border-radius:0 var(--radius-md) var(--radius-md) 0}.chat-item-content{flex:1;min-width:0}.chat-item-content h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-content p{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-time{font-size:10px;color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.playground-main{flex:1;display:flex;flex-direction:column;background:#000;overflow:hidden;position:relative;border-radius:0;border:none;box-shadow:none}.playground-main:before{display:none}.playground-chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0;height:100%}.playground-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.08);z-index:10;min-height:60px;flex-shrink:0}.btn-back-mission{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-back-mission:hover{background:#ffffff1a;color:#fff}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px}.header-ai-avatar{width:32px;height:32px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.header-ai-avatar img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(100%)}.header-title-group{display:flex;flex-direction:column;gap:2px}.header-ai-title{font-size:15px;font-weight:600;color:#fff;margin:0;line-height:1.2}.header-ai-subtitle{font-size:12px;color:#ffffff80;font-weight:400}.header-spacer{width:36px;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.chat-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.auto-save-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#00ffa31a;border:1px solid rgba(0,255,163,.2);border-radius:6px;color:#00ffa3e6;font-size:.75rem;font-weight:500;letter-spacing:.02em}.chat-header-icon-large{width:48px;height:48px;filter:brightness(0) saturate(100%) invert(100%);flex-shrink:0}.chat-header-left h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.chat-header-left p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.btn-toggle-mission{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.btn-toggle-mission:hover{background:#ffffff1a;border-color:#fff;color:#fff}.mission-guide-panel{width:340px;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.08);overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:-10px 0 30px #0000004d;z-index:5;order:2;flex-shrink:0}.mission-guide-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-guide-icon{width:56px;height:56px;font-size:2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);flex-shrink:0;box-shadow:0 0 20px #ffffff1a}.mission-guide-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 4px}.mission-guide-difficulty{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:4px;background:#ffffff0d}.mission-guide-difficulty.beginner{color:#fff;background:#ffffff1a}.mission-guide-difficulty.intermediate{color:var(--color-blue);background:#0a84ff1a}.mission-guide-difficulty.advanced{color:var(--color-purple);background:#bf5af21a}.mission-guide-section{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-guide-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:8px}.mission-guide-section h4:after{content:"";flex:1;height:1px;background:#ffffff26}.mission-guide-section p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.mission-guide-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.mission-guide-section li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--spacing-lg);position:relative;line-height:1.5}.mission-guide-section li:before{content:"→";position:absolute;left:0;color:#fff;font-weight:700}.example-box{padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.6;position:relative;overflow:hidden;background:#0000004d}.example-box.good{background:#ffffff14;border:1.5px solid rgba(255,255,255,.3);color:#fffffff2;box-shadow:0 2px 8px #ffffff1a}.example-box.good:before{content:"✓";position:absolute;top:8px;right:8px;color:#fff;opacity:.3;font-size:1.5rem;font-weight:700}.example-box.bad{background:#ff454514;border:1.5px solid rgba(255,69,69,.3);color:#fffffff2;box-shadow:0 2px 8px #ff45451a}.example-box.bad:before{content:"✕";position:absolute;top:8px;right:8px;color:var(--color-error);opacity:.2;font-size:1.5rem;font-weight:700}.playground-messages{flex:1;overflow-y:auto;padding:0;scroll-behavior:smooth;min-height:0;background:#212121}.messages-content-wrapper{max-width:800px;width:100%;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);box-sizing:border-box}.playground-message{display:flex;gap:var(--spacing-md);align-items:flex-start;max-width:85%}.playground-message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:40px;height:40px;flex-shrink:0;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003}.message-avatar img{width:100%;height:100%;object-fit:cover;filter:brightness(0) saturate(100%) invert(100%)}.user-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#e0e0e0);color:#000;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.message-content{flex:1;display:flex;flex-direction:column;gap:4px}.message-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:4px}.playground-message.user .message-header{justify-content:flex-end}.message-sender{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.message-time{font-size:10px;color:var(--color-text-muted)}.message-text{font-size:var(--font-size-base);line-height:1.6;white-space:pre-wrap;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);position:relative;color:#fff}.playground-message.assistant .message-text{background:transparent;border:none;color:#fff;border-top-left-radius:4px;padding:0}.playground-message.user .message-text{background:#2e2e2e;border:1px solid rgba(255,255,255,.1);color:#fff;border-top-right-radius:4px;text-align:left}.message-text h1,.message-text h2,.message-text h3{color:#fff;line-height:1.3}.message-text h1:first-child,.message-text h2:first-child,.message-text h3:first-child{margin-top:0}.message-text ul,.message-text ol{padding-left:1.5rem}.message-text li{line-height:1.6}.message-text code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.9em;font-family:Courier New,monospace}.message-text pre{background:#ffffff0d;padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid rgba(255,255,255,.1)}.message-text pre code{background:none;padding:0}.message-text strong{font-weight:700;color:#fff}.message-text em{font-style:italic}.message-text p:last-child{margin-bottom:0}.playground-message.system{align-self:center;max-width:600px;margin:var(--spacing-lg) 0}.message-text.system{background:linear-gradient(135deg,#ffa5001f,#d4745f14);border:2px solid rgba(255,165,0,.3);text-align:left;color:var(--color-text-primary);box-shadow:0 4px 20px #ffa50026;padding:1.5rem;line-height:1.8;font-size:15px}.message-text.system strong{color:orange;font-weight:600}.message-text.system ol,.message-text.system ul{margin:.75rem 0;padding-left:1.5rem}.message-actions{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem;opacity:1}.message-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.message-action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6;transform:translateY(-1px)}.message-action-btn.active{background:#00ffa326;border-color:#00ffa34d;color:#00ffa3}.message-action-btn.report-btn:hover{background:#ff45451a;border-color:#ff45454d;color:#ff4545}.message-action-btn svg{width:16px;height:16px}.report-modal{background:linear-gradient(135deg,#14141efa,#0a0a14fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080}.report-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.report-modal-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.report-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.report-close-btn:hover{background:#ffffff1a;color:#fff}.report-modal-body{display:flex;flex-direction:column;gap:1rem}.report-textarea{width:100%;min-height:120px;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .2s ease}.report-textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.report-textarea::placeholder{color:#fff6}.report-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-cancel{padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#ffffff1a;color:#fff}.btn-submit-report{padding:.625rem 1.25rem;background:#ff454526;border:1px solid rgba(255,69,69,.3);border-radius:8px;color:#ff4545;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit-report:hover:not(:disabled){background:#ff454540;border-color:#ff454580;color:#ff6565}.btn-submit-report:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#ffffff0d;border-radius:var(--radius-lg);border-top-left-radius:4px;width:fit-content}.typing-indicator span{width:6px;height:6px;background:var(--color-text-secondary);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.playground-input-container{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid rgba(255,255,255,.08);background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.playground-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-sm);transition:none;box-shadow:none}.playground-input-wrapper:focus-within{border-color:#fff;background:#ffffff0d;box-shadow:none}.playground-input-wrapper.pulse-attention{border-color:#ffa50080}.playground-input-container.floating-input{position:relative;flex-shrink:0;padding:var(--spacing-md) 0;border-top:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:60}.playground-input-container.floating-input>*{pointer-events:auto}.playground-input-container.floating-input .playground-input-wrapper{max-width:800px;width:100%;margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid rgba(255,255,255,.1);box-shadow:none;border-radius:24px;transition:none;box-sizing:border-box}@media (max-width: 768px){.playground-input-container.floating-input{padding:0 var(--spacing-md) var(--spacing-md)}.playground-input-container.floating-input .playground-input-wrapper{max-width:100%}}.playground-input-container.floating-input .playground-input{padding:12px 10px;font-size:15px}.playground-input-container.floating-input .playground-input-footer{max-width:800px;width:100%;margin:var(--spacing-xs) auto 0;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.playground-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;resize:none;max-height:200px;padding:10px 12px;line-height:1.5}.playground-input:focus{outline:none}.playground-input::placeholder{color:var(--color-text-muted)}.playground-input-actions{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xs)}.char-counter{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.char-counter.warning{color:#ff9800}.playground-send-btn{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:var(--radius-md);color:#000;cursor:pointer;transition:all var(--transition-base)}.playground-send-btn:hover:not(:disabled){background:#fff;transform:scale(1.05)}.playground-send-btn:disabled{opacity:.3;cursor:not-allowed}.playground-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xs)}.playground-input-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.btn-hint{padding:.5rem 1rem;background:#d4745f1a;border:1px solid rgba(212,116,95,.3);border-radius:var(--radius-md);color:#d4745f;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-hint:hover{background:#d4745f33;border-color:#d4745f80;transform:translateY(-1px)}.btn-hint-compact{padding:.5rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-hint-compact:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.playground-welcome{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#2a2a2a,#000)}.playground-welcome:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;pointer-events:none;z-index:0}.playground-welcome>*{position:relative;z-index:1}.welcome-hero{text-align:center;margin-bottom:var(--spacing-4xl);max-width:600px}.welcome-icon{width:100px;height:100px;margin:0 auto var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.welcome-icon img{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%)}.welcome-icon-large{width:160px;height:160px;margin:0 auto var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.3);border-radius:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0003,inset 0 2px 4px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-icon-large img{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%)}.welcome-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;justify-content:center}.stat-badge{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-quick-start{display:flex;align-items:center;gap:var(--spacing-sm);padding:1rem 2rem;background:#fff;border:none;border-radius:12px;color:#000;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #fff3;margin:0 auto}.btn-quick-start:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffffff4d;background:#f0f0f0}.btn-quick-start svg{width:20px;height:20px}.mission-level-badge{position:absolute;top:-12px;right:-12px;padding:.375rem .75rem;background:#fff;color:#000;font-size:var(--font-size-xs);font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #0006;z-index:100}.welcome-hero h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.welcome-hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6}.welcome-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-xl);line-height:1.7;font-weight:400}.mission-trail{width:100%;max-width:900px;display:flex;flex-direction:column;position:relative;padding:var(--spacing-2xl) 0}.mission-trail-item{position:relative;display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding-left:40px}.mission-trail-item:nth-child(2n){padding-left:100px}.mission-trail-item:nth-child(3n){padding-left:70px}.mission-trail-line{position:absolute;left:79px;top:-40px;width:4px;height:100px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border-radius:2px;transform-origin:top}.mission-trail-item:nth-child(2n) .mission-trail-line{left:139px}.mission-trail-item:nth-child(3n) .mission-trail-line{left:109px}.mission-trail-line.completed{background:linear-gradient(180deg,#fff,#fff3);box-shadow:0 0 10px #fff3}.mission-trail-node{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:3;margin-bottom:0}.mission-trail-item:nth-child(2n) .mission-trail-node{left:60px}.mission-trail-item:nth-child(3n) .mission-trail-node{left:30px}.mission-trail-node:before{display:none}.mission-trail-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:#ffffff05;border:3px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.mission-trail-circle.completed{background:linear-gradient(135deg,#fff3,#ffffff0d);border-color:#fff;box-shadow:0 0 30px #fff3,inset 0 0 20px #ffffff1a}.mission-trail-circle.active{background:linear-gradient(135deg,#fff3,#ffffff0d);border-color:#fff;animation:pulseCircle 2.5s cubic-bezier(.4,0,.6,1) infinite}.mission-trail-circle.locked{background:#ffffff03;border-color:#ffffff0d;opacity:.4}@keyframes pulseCircle{0%,to{box-shadow:0 0 #fff,inset 0 0 20px #ffffff1a;transform:scale(1)}50%{box-shadow:0 0 40px 10px #fff3,inset 0 0 30px #fff3;transform:scale(1.05)}}.mission-trail-flag{position:absolute;top:-5px;right:-5px;width:28px;height:28px;background:#fff;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);animation:flagWave 3s ease-in-out infinite;transform-origin:bottom center;box-shadow:0 4px 12px #ffffff4d}.mission-trail-circle.completed .mission-trail-flag{background:#fff}.mission-trail-circle.active .mission-trail-flag{background:#fff;animation:flagWave 2s ease-in-out infinite}.mission-trail-circle.locked .mission-trail-flag{background:#ffffff0d;animation:none;box-shadow:none}@keyframes flagWave{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.05)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(8deg) scale(1.05)}}.mission-trail-icon-wrapper{width:48px;height:48px;font-size:2rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}@keyframes pulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 20px 8px transparent}}.mission-trail-card{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-width:420px;max-width:550px;padding:var(--spacing-xl) var(--spacing-2xl);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);border-left:3px solid #ffffff;text-align:left;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mission-trail-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffffff,transparent);opacity:0;transition:opacity .4s ease}.mission-trail-card.beginner{border-left-color:#fff}.mission-trail-card.intermediate{border-left-color:var(--color-blue)}.mission-trail-card.intermediate:before{background:linear-gradient(90deg,var(--color-blue),transparent)}.mission-trail-card.advanced{border-left-color:var(--color-purple)}.mission-trail-card.advanced:before{background:linear-gradient(90deg,var(--color-purple),transparent)}.mission-trail-card:not(:disabled):hover{transform:translate(12px) translateY(-4px);background:#ffffff0d;border-color:#ffffff26;box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff0d}.mission-trail-card:not(:disabled):hover:before{opacity:1}.mission-trail-card:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.8)}.mission-trail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.mission-trail-title-group{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.mission-trail-number{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff;flex-shrink:0}.mission-trail-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.mission-trail-difficulty{padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.mission-trail-difficulty.beginner{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.mission-trail-difficulty.intermediate{background:#0a84ff26;color:var(--color-blue);border:1px solid rgba(10,132,255,.3)}.mission-trail-difficulty.advanced{background:#bf5af226;color:var(--color-purple);border:1px solid rgba(191,90,242,.3)}.mission-trail-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.mission-trail-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:500;margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.05);animation:fadeIn .5s ease-out}.mission-trail-status.completed{color:#fff}.mission-trail-status.active{color:#fff;animation:pulse-text 2s ease-in-out infinite}.mission-trail-status.locked{color:#ffffff4d}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mission-detail-page{min-height:100vh;padding:var(--spacing-2xl);background:radial-gradient(circle at 50% 0%,#1a1a1a,#000)}.mission-detail-container{max-width:900px;margin:0 auto}.mission-detail-header{margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-xl)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-lg)}.back-button:hover{background:#ffffff1a;border-color:var(--color-accent);color:var(--color-accent);transform:translate(-4px)}.mission-title-section h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mission-badges{display:flex;gap:var(--spacing-sm)}.difficulty-badge,.grade-badge{padding:.375rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.grade-badge{color:var(--color-text-tertiary)}.mission-brief{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brief-icon{flex-shrink:0;padding:12px;background:#00ffa31a;border-radius:50%;height:fit-content}.brief-content h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.brief-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.prompt-section{margin-bottom:var(--spacing-3xl)}.prompt-input-wrapper{background:#14141499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:0 8px 32px #0000004d}.prompt-input-wrapper label{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.prompt-textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.6;resize:vertical;transition:all var(--transition-fast)}.prompt-textarea:focus{outline:none;border-color:var(--color-accent);background:#00000080;box-shadow:0 0 0 1px var(--color-accent),0 0 20px #00ffa31a}.prompt-textarea::placeholder{color:var(--color-text-tertiary)}.prompt-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md)}.char-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.prompt-tips{padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(0,255,163,.05),transparent);border:1px solid rgba(0,255,163,.2);border-radius:var(--radius-lg)}.prompt-tips h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:8px}.prompt-tips ul{list-style:none;padding:0;margin:0}.prompt-tips li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-xs);position:relative}.prompt-tips li:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.feedback-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.score-display{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:#14141499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d}.score-circle{position:relative;width:140px;height:140px;margin:0 auto var(--spacing-lg)}.score-ring{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(0,255,163,.3))}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:var(--color-accent);text-shadow:0 0 20px rgba(0,255,163,.5)}.score-display h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.ai-response,.feedback-content{padding:var(--spacing-xl);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.response-header,.feedback-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.response-header h3,.feedback-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.ai-response p,.feedback-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.feedback-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.page-loading,.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-lg);text-align:center}.page-loading p,.page-error p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.page-error h2{font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.fake-real-page,.feed-simulator-page,.ethics-page{min-height:100vh;padding:var(--spacing-2xl);background:radial-gradient(circle at 50% 0%,#1a1a1a,#000)}.fake-real-container,.feed-simulator-container,.ethics-container{max-width:1000px;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-2xl)}.header-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:#0a84ff1a;border:1px solid rgba(10,132,255,.2);border-radius:var(--radius-lg);box-shadow:0 0 20px #0a84ff1a}.page-header h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.progress-section{background:#14141499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-3xl);box-shadow:0 8px 32px #0000004d}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-bar{width:100%;height:6px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-blue));border-radius:var(--radius-full);transition:width .3s ease;box-shadow:0 0 10px #00ffa34d}.game-content,.scenario-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.media-display{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:3/2;box-shadow:0 20px 40px #0006}.media-display img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.media-display:hover img{transform:scale(1.02)}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.answer-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.answer-btn:hover{transform:translateY(-4px);background:#ffffff14;box-shadow:0 10px 30px #0000004d}.ai-btn:hover{border-color:var(--color-purple);box-shadow:0 0 20px #bf5af233}.real-btn:hover{border-color:var(--color-accent);box-shadow:0 0 20px #00ffa333}.ai-btn svg{color:var(--color-purple);width:32px;height:32px}.real-btn svg{color:var(--color-accent);width:32px;height:32px}.result-card{padding:var(--spacing-3xl);background:#141414cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);text-align:center;box-shadow:0 20px 50px #00000080}.result-card.correct{border-color:var(--color-accent);background:linear-gradient(135deg,#00ffa31a,#000c)}.result-card.incorrect{border-color:#f44;background:linear-gradient(135deg,#ff44441a,#000c)}.result-icon{margin-bottom:var(--spacing-lg)}.result-card h3{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.result-card p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.mode-selection{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.mode-card{background:#14141499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all .3s ease}.mode-card:hover{border-color:#ffffff4d;box-shadow:0 10px 40px #00000080}.mode-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.practice-icon{background:#0a84ff1a;border:1px solid rgba(10,132,255,.3)}.practice-icon svg{color:var(--color-blue)}.challenge-icon{background:#ff9f0a1a;border:1px solid rgba(255,159,10,.3)}.challenge-icon svg{color:#ff9f0a}.streak-icon{background:#d4745f1a;border:1px solid rgba(212,116,95,.3)}.streak-icon svg{color:var(--color-accent)}.mode-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.mode-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.difficulty-select{display:flex;gap:var(--spacing-sm);justify-content:center}.diff-btn{padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.diff-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);padding:var(--spacing-xl);background:#14141466;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-value{font-size:2rem;font-weight:700;color:var(--color-accent)}.header-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.back-btn,.home-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;font-weight:600;cursor:pointer;transition:all .2s ease}.back-btn:hover,.home-link:hover{background:#ffffff1a;transform:translateY(-2px)}.timer{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:700;color:var(--color-accent)}.timer.urgent{color:#f44;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hints-toggle{align-self:flex-start;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#0a84ff1a;border:1px solid rgba(10,132,255,.3);border-radius:var(--radius-md);color:var(--color-blue);font-weight:600;cursor:pointer;transition:all .2s ease}.hints-toggle:hover{background:#0a84ff33;transform:translateY(-2px)}.hints-panel{padding:var(--spacing-xl);background:#0a84ff0d;border:1px solid rgba(10,132,255,.2);border-radius:var(--radius-lg);overflow:hidden}.hints-panel h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-blue)}.hints-panel ul{list-style:none;padding:0;margin:0}.hints-panel li{padding:var(--spacing-sm) 0;color:var(--color-text-secondary);line-height:1.6}.hints-panel li:before{content:"💡 ";margin-right:var(--spacing-sm)}.result-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff1a;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg)}.result-explanation{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.artifacts-list{padding:var(--spacing-lg);background:#0000004d;border-radius:var(--radius-lg);text-align:left;margin-bottom:var(--spacing-lg)}.artifacts-list h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);color:var(--color-accent)}.artifacts-list ul{list-style:none;padding:0;margin:0}.artifacts-list li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary)}.artifacts-list li:before{content:"• ";color:var(--color-accent);margin-right:var(--spacing-sm)}.streak-ended{padding:var(--spacing-lg);background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.streak-ended h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:#f44}.streak-ended p{color:var(--color-text-secondary);margin:0}.result-actions{display:flex;gap:var(--spacing-md);justify-content:center}.complete-icon{margin-bottom:var(--spacing-lg)}.stats-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%;max-width:500px;margin:var(--spacing-xl) 0}.stat-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md)}.stat-number{font-size:2rem;font-weight:700;color:var(--color-accent);text-transform:capitalize}.game-complete,.ethics-complete{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-4xl);background:#141414cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);text-align:center;box-shadow:0 20px 50px #00000080}.complete-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.score-message{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:600px;line-height:1.5}.simulator-controls{background:#1a1a1c;border:1px solid #2a2a2c;border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.control-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.control-group label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.control-value{color:var(--color-accent);font-size:var(--font-size-lg)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#ffffff0d;border-radius:var(--radius-full);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00ffa366}.slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #00ffa366}.control-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.simulated-feed{margin-bottom:var(--spacing-3xl)}.feed-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg)}.feed-posts{display:flex;flex-direction:column;gap:var(--spacing-md)}.feed-post{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.feed-post:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(189,0,255,.05),transparent 70%);opacity:0;transition:opacity var(--transition-fast)}.feed-post:hover{border-color:var(--color-purple);transform:translateY(-2px) scale(1.01);box-shadow:0 8px 32px #bd00ff26}.feed-post:hover:before{opacity:1}.post-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);position:relative;z-index:1}.post-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-blue));display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;box-shadow:0 0 10px #00ffa34d}.post-author{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.post-topic{font-size:var(--font-size-xs);color:var(--color-purple);font-weight:500}.post-content{font-size:var(--font-size-base);color:var(--color-text-primary);margin:var(--spacing-md) 0;line-height:1.5;position:relative;z-index:1}.post-stats{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);position:relative;z-index:1}.post-likes{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-accent)}.seen-indicator{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:.25rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-tertiary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.explanation-card{padding:var(--spacing-xl);background:#00ffa30d;border:1px solid rgba(0,255,163,.2);border-radius:var(--radius-lg);position:relative;overflow:hidden}.explanation-card:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,rgba(0,255,163,.15),transparent 70%);pointer-events:none}.explanation-card h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-accent);display:flex;align-items:center;gap:var(--spacing-sm)}.explanation-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0;position:relative;z-index:1}.simulator-controls{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);display:flex;flex-wrap:wrap;gap:var(--spacing-xl);align-items:flex-end}.control-group{flex:1;min-width:200px}.control-group label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.control-value{color:var(--color-accent);font-family:SF Mono,monospace}.slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 0 10px #00ffa380;transition:transform .2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.scenario-card{padding:var(--spacing-3xl);background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden;margin-bottom:var(--spacing-2xl);box-shadow:0 20px 40px #0000004d}.scenario-card:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(circle at top,rgba(0,255,163,.1),transparent 70%);pointer-events:none}.scenario-card h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fff 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1}.scenario-situation{font-size:1.25rem;color:var(--color-text-primary);line-height:1.6;margin-bottom:var(--spacing-xl);position:relative;z-index:1;max-width:800px;margin-left:auto;margin-right:auto}.scenario-question{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.choices-grid{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:800px;margin:0 auto}.choice-btn{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.choice-btn:hover{border-color:var(--color-accent);background:#00ffa30d;transform:translate(4px);box-shadow:0 0 20px #00ffa31a}.choice-letter{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00ffa31a;color:var(--color-accent);font-weight:700;font-size:1.25rem;border-radius:var(--radius-md);border:1px solid rgba(0,255,163,.2);transition:all var(--transition-base)}.choice-btn:hover .choice-letter{background:var(--color-accent);color:#000;box-shadow:0 0 15px #00ffa366}.choice-text{flex:1;font-size:1.1rem;color:var(--color-text-primary);font-weight:500}.outcome-card{padding:var(--spacing-3xl);background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-align:center;max-width:800px;margin:0 auto;position:relative;overflow:hidden}.outcome-card.ethical{border-color:var(--color-accent);box-shadow:0 0 30px #00ffa31a}.outcome-card.ethical:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,255,163,.1),transparent 70%);pointer-events:none}.outcome-card.unethical{border-color:#ff9500;box-shadow:0 0 30px #ff95001a}.outcome-card.unethical:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,149,0,.1),transparent 70%);pointer-events:none}.outcome-icon{margin-bottom:var(--spacing-lg);position:relative;z-index:1}.outcome-card h3{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);position:relative;z-index:1}.outcome-card.ethical h3{color:var(--color-accent)}.outcome-card.unethical h3{color:#ff9500}.outcome-card p{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl);position:relative;z-index:1}.progress-section{margin-bottom:var(--spacing-2xl);background:#0000004d;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-blue));box-shadow:0 0 10px #00ffa380}.ethics-complete{text-align:center;padding:var(--spacing-3xl);background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);max-width:600px;margin:0 auto}.score-circle{width:120px;height:120px;border-radius:50%;border:4px solid var(--color-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto var(--spacing-xl);box-shadow:0 0 30px #00ffa333;background:#00ffa30d}.score-value{font-size:3rem;font-weight:700;color:var(--color-accent);line-height:1}.score-total{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.score-message{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.complete-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.teacher-dashboard-page{min-height:100vh;padding:var(--spacing-2xl)}.teacher-dashboard-container{max-width:1200px;margin:0 auto}.teacher-stats{display:flex;justify-content:space-around;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-2xl);background:#1a1a1c;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:var(--color-accent);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-blue);text-decoration:none;transition:var(--transition-base);font-weight:600}.stat-link:hover{color:var(--color-accent)}.stat-divider{width:1px;height:60px;background:var(--color-border)}.teacher-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}.class-card{display:block;padding:var(--spacing-xl);background:#1a1a1c;border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-base);position:relative;overflow:hidden}.class-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-blue),var(--color-purple))}.class-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 8px 32px #00ffa326}.class-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.class-card-header h3{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);line-height:1.3;flex:1}.grade-badge{padding:var(--spacing-xs) var(--spacing-md);background:#0a84ff26;color:var(--color-blue);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.class-card-body{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.class-stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-secondary)}.join-code{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-md)}.join-code-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.join-code-value{font-size:var(--font-size-lg);font-weight:700;font-family:SF Mono,monospace;color:var(--color-accent);letter-spacing:.1em}.class-card-footer{display:flex;justify-content:flex-end}.view-details{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-base)}.class-card:hover .view-details{gap:var(--spacing-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{width:100%;max-width:500px;background:#1a1a1c;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-base)}.modal-close:hover{background:#ffffff0d;color:var(--color-text-primary)}.modal-form{padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-md);background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #00ffa31a}.form-input::placeholder{color:var(--color-text-tertiary)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}@media (max-width: 1024px){.dashboard-centered,.playground-container,.mission-detail-container,.fake-real-container,.feed-simulator-container,.ethics-container,.teacher-dashboard-container{max-width:100%;padding:var(--spacing-lg)}.missions-grid,.classes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.module-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.module-card{flex-direction:column;text-align:center;min-height:120px;padding:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.dashboard-greeting{font-size:2rem}.dashboard-input-bar{padding:.75rem 1rem}.page-header h1{font-size:2rem}.missions-grid,.classes-grid,.answer-buttons{grid-template-columns:1fr}.choices-grid{gap:var(--spacing-sm)}.choice-btn{padding:var(--spacing-md);gap:var(--spacing-md)}.teacher-stats{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.stat-divider{width:100%;height:1px}.teacher-actions{flex-direction:column}.teacher-actions .btn{width:100%}}@media (max-width: 480px){.dashboard-centered,.playground-container,.mission-detail-container,.fake-real-container,.feed-simulator-container,.ethics-container,.teacher-dashboard-container{padding:var(--spacing-md)}.dashboard-greeting{font-size:1.75rem}.page-subtitle{font-size:var(--font-size-sm)}.module-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.mission-card,.class-card{padding:var(--spacing-md)}.modal-content{width:95%;max-width:none;margin:var(--spacing-md)}.prompt-tips ul{font-size:var(--font-size-xs)}.score-circle{width:100px;height:100px}.score-value,.stat-number{font-size:2rem}.class-card-header h3{font-size:1.25rem}.header-icon{width:60px;height:60px}.header-icon svg{width:30px;height:30px}}.class-detail-page{min-height:100vh;padding:var(--spacing-2xl)}.class-detail-container{max-width:1200px;margin:0 auto}.class-detail-header{margin-bottom:var(--spacing-3xl)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-base);margin-bottom:var(--spacing-xl)}.btn-back:hover{border-color:var(--color-accent);color:var(--color-accent)}.class-header-info h1{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.class-meta{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.roster-section{margin-bottom:var(--spacing-3xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.section-header h2{font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.student-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.student-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:#1a1a1c;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-base)}.student-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 32px #00ffa31a}.student-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-blue),var(--color-purple));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.student-info{flex:1;min-width:0}.student-info h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.student-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.meta-divider{opacity:.5}.btn-view-progress{padding:var(--spacing-sm) var(--spacing-md);background:#00ffa31a;border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-base);white-space:nowrap}.btn-view-progress:hover{background:var(--color-accent);color:#000}.class-actions-section{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 768px){.class-detail-page{padding:var(--spacing-lg)}.class-header-info h1{font-size:2rem}.students-grid{grid-template-columns:1fr}.student-card{flex-direction:column;text-align:center}.student-info h3,.student-email{overflow:visible;text-overflow:unset;white-space:normal}.class-actions-section{flex-direction:column}.class-actions-section .btn{width:100%}}.auth-flow-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow-x:hidden;zoom:.8}.auth-flow-header{position:fixed;top:0;left:0;right:0;padding:var(--spacing-xl) var(--spacing-2xl);z-index:100;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.auth-flow-logo{display:inline-block}.auth-flow-logo img{height:60px;width:auto}.auth-flow-home-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#fffc;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .3s ease}.auth-flow-home-btn:hover{background:#ffffff0d;border-color:#fff6;color:#fff}.auth-flow-back-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#fffc;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .3s ease;cursor:pointer}.auth-flow-back-btn:hover{background:#ffffff0d;border-color:#fff6;color:#fff}.auth-flow-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-4xl) + 70px) var(--spacing-xl) var(--spacing-4xl)}.auth-flow-wrapper{width:100%;max-width:1300px;height:900px;display:grid;grid-template-columns:1fr 480px;background:#0f0f0fe6;border-radius:var(--radius-3xl);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a}.auth-flow-image{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.auth-bg-image{position:absolute;width:100%;height:100%;object-fit:cover}.auth-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#d4745fd9,#0a0a0ae6)}.auth-promo-content{position:relative;z-index:2;padding:var(--spacing-3xl);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.auth-promo-logo{height:60px;width:auto;margin-bottom:var(--spacing-md);filter:brightness(1.2)}.auth-promo-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--spacing-xs)}.auth-promo-text{font-size:var(--font-size-base);color:#ffffffe6;line-height:1.6;max-width:360px}.auth-promo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.2);width:100%;max-width:360px}.auth-promo-stat{text-align:center}.auth-promo-stat .stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-xs)}.auth-promo-stat .stat-label{font-size:var(--font-size-xs);color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.auth-flow-card{width:100%;height:900px;padding:var(--spacing-2xl) var(--spacing-2xl);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.auth-flow-progress-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding:0 0 var(--spacing-md);min-height:40px}.auth-progress-spacer{width:80px;flex-shrink:0}.auth-back-btn-inline{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:#fff9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;width:80px;flex-shrink:0}.auth-back-btn-inline svg{width:20px;height:20px}.auth-back-btn-inline:hover{color:#fff;gap:var(--spacing-sm)}.auth-flow-progress{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex:1}.progress-dot{height:8px;width:8px;border-radius:var(--radius-full);background:#fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.progress-dot.active{background:#fff;box-shadow:0 0 12px #fff6;height:8px}.progress-dot.completed{background:#ffffff80}.auth-flow-step{width:100%;flex:1;display:flex;flex-direction:column}.auth-step-logo{height:48px;width:auto;margin:0 auto var(--spacing-lg);display:block}.auth-flow-step:not(:first-child) .auth-step-logo{margin-top:0;margin-bottom:var(--spacing-sm)}.auth-flow-header-text{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-flow-step:has(.auth-role-badge-flow) .auth-flow-header-text{margin-bottom:var(--spacing-xl)}.auth-flow-step:has(.auth-role-badge-flow) .auth-step-logo{height:56px;margin-bottom:var(--spacing-sm)}.auth-flow-title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.auth-flow-subtitle{font-size:var(--font-size-sm);color:#ffffffb3;max-width:420px;margin:0 auto}.auth-role-badge-flow{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);background:#ffffff0d;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff}.auth-role-badge-icon{font-size:1rem}.auth-role-grid-flow{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);max-width:420px;margin-left:auto;margin-right:auto}.auth-role-card-flow{background:#ffffff08;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);will-change:border-color;position:relative}.auth-role-badge-top{position:absolute;top:10px;right:10px;background:#00ffa333;border:1px solid rgba(0,255,163,.4);color:#00ffa3;font-size:.65rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.auth-role-card-flow:hover{background:#ffffff0d;border-color:#ffffff4d}.auth-role-icon-flow{font-size:2rem;flex-shrink:0;line-height:1;align-self:center}.auth-role-text-content{flex:1;display:flex;flex-direction:column;gap:0;min-width:0;justify-content:center;padding-top:var(--spacing-sm)}.auth-role-name-flow{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;text-align:left;line-height:1.2;margin-bottom:2px}.auth-role-description-flow{font-size:var(--font-size-sm);color:#fff9;line-height:1.4;text-align:left}.auth-role-arrow{color:#ffffff80;transition:color .2s ease;flex-shrink:0;margin-left:auto}.auth-role-card-flow:hover .auth-role-arrow{color:#fff}.auth-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:#fff9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;margin-bottom:var(--spacing-xl)}.auth-back-btn:hover{color:#fff;gap:var(--spacing-sm)}.auth-form-flow{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:420px;margin:0 auto;width:100%}.saved-users-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.saved-users-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffffb3;margin-bottom:var(--spacing-xs)}.saved-users-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.saved-user-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-md);cursor:pointer;transition:all .25s ease}.saved-user-card:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translate(4px)}.saved-user-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,#ffffff26,#ffffff14);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#ffffffe6;border:2px solid rgba(255,255,255,.2)}.saved-user-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.saved-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-user-email{font-size:var(--font-size-xs);color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:#fffc;-webkit-user-select:none;user-select:none;transition:color .2s ease}.checkbox-label:hover{color:#fffffff2}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.checkbox-custom{width:20px;height:20px;min-width:20px;border:2px solid rgba(255,255,255,.3);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#ffffff08}.checkbox-label:hover .checkbox-custom{border-color:#ffffff80;background:#ffffff0f}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#fff3;border-color:#fff9}.checkbox-checkmark{width:12px;height:12px;opacity:0;transition:opacity .2s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom .checkbox-checkmark{opacity:1}.form-group-flow{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label-flow{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#ffffffe6}.form-label-flow svg{color:#fff9}.form-input-flow{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff08;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-base);transition:all .3s ease}.form-input-flow:focus{outline:none;border-color:#fff6;background:#ffffff0f;box-shadow:0 0 0 3px #ffffff0d}.form-input-flow::placeholder{color:#fff6}.form-link-helper-flow{font-size:var(--font-size-xs);color:#fff9;text-decoration:none;align-self:flex-end;margin-top:calc(-1 * var(--spacing-xs));transition:opacity .3s ease}.form-link-helper-flow:hover{color:#fffffff2}.form-row-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.btn-flow-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;height:52px}.btn-flow-primary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff80;box-shadow:0 0 20px #ffffff1a;transform:translateY(-1px)}.btn-flow-primary:disabled{opacity:.5;cursor:not-allowed}.btn-flow-secondary{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);background:#ffffff0d;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .3s ease}.btn-flow-secondary:hover{background:#ffffff1a;border-color:#fff6;color:#fff;transform:translateY(-1px)}.spinner-flow{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}.auth-flow-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.15);max-width:420px;margin-left:auto;margin-right:auto}.auth-divider-flow{text-align:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fffc}.alert-flow{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);max-width:480px;margin-left:auto;margin-right:auto}.alert-flow.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.auth-flow-trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.1)}.trust-badge-flow{display:flex;align-items:center;gap:var(--spacing-xs);color:#fff9;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.trust-badge-flow svg{color:#fff9}@media (max-width: 1100px){.auth-flow-wrapper{grid-template-columns:1fr;max-width:540px;height:auto;min-height:600px}.auth-flow-card{height:auto;min-height:600px}.auth-flow-image{display:none}.auth-flow-card{padding:var(--spacing-2xl)}.form-row-flow{grid-template-columns:1fr}.auth-flow-header{padding:var(--spacing-md) var(--spacing-lg)}.auth-flow-logo img{height:40px}.auth-flow-home-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.auth-page-new{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow-x:hidden}.auth-brand-header{position:fixed;top:0;left:0;right:0;padding:var(--spacing-xl) var(--spacing-2xl);z-index:100;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.auth-brand-logo{display:inline-block}.auth-logo-image{height:50px;width:auto}.auth-container-new{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-4xl) + 50px) var(--spacing-xl) var(--spacing-4xl);position:relative;z-index:1}.auth-role-selection{width:100%;max-width:900px;margin:0 auto}.auth-role-header{text-align:center;margin-bottom:var(--spacing-3xl)}.auth-role-title{font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.auth-role-subtitle{font-size:var(--font-size-lg);color:#ffffffb3;max-width:600px;margin:0 auto}.auth-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.auth-role-card{background:transparent;border:none;cursor:pointer;padding:0;text-align:left;transition:transform .3s ease}.auth-role-content{padding:var(--spacing-2xl);height:100%;display:flex;flex-direction:column}.auth-role-icon{font-size:3.5rem;margin-bottom:var(--spacing-lg);display:block}.auth-role-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-sm)}.auth-role-description{font-size:var(--font-size-base);color:#fffc;margin-bottom:var(--spacing-lg);line-height:1.6}.auth-role-benefits{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;flex-grow:1}.auth-role-benefits li{display:flex;align-items:center;gap:var(--spacing-sm);color:#ffffffe6;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.auth-role-benefits svg{color:#fff9;flex-shrink:0}.auth-role-cta{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff0d;border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.auth-role-footer{text-align:center}.auth-trust-badges{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2xl);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff9;font-size:var(--font-size-sm)}.trust-badge svg{color:#fff9}.auth-form-container{width:100%;max-width:480px;margin:0 auto}.auth-back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;color:#ffffffb3;font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) 0;transition:all .3s ease}.auth-back-button:hover{color:#fffffff2;gap:var(--spacing-sm)}.auth-card-new{padding:var(--spacing-3xl);background:#0f0f0f99;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-card-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-role-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff0d;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.auth-role-badge-icon{font-size:1.5rem}.auth-role-badge-text{color:#fffffff2;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.auth-card-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-sm)}.auth-card-subtitle{font-size:var(--font-size-base);color:#ffffffb3}.alert-error-new{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#fca5a5;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.auth-form-new{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-group-new{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.form-label-new{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffffe6}.form-label-new svg{color:#fff9}.form-input-new{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff08;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-base);transition:all .3s ease}.form-input-new:focus{outline:none;border-color:#fff6;background:#ffffff0f;box-shadow:0 0 0 3px #ffffff0d}.form-input-new::placeholder{color:#fff6}.form-link-helper{font-size:var(--font-size-xs);color:#fff9;text-decoration:none;align-self:flex-end;margin-top:calc(-1 * var(--spacing-xs));transition:opacity .3s ease}.form-link-helper:hover{opacity:.8}.btn-auth-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;height:52px}.btn-auth-primary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff80;box-shadow:0 0 20px #ffffff1a;transform:translateY(-1px)}.btn-auth-primary:disabled{opacity:.5;cursor:not-allowed}.spinner-new{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}.auth-card-footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.auth-divider{text-align:center;margin-bottom:var(--spacing-lg)}.auth-divider span{color:#fff9;font-size:var(--font-size-sm)}.btn-auth-secondary{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);background:#ffffff0d;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#ffffffe6;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-auth-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000}.loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.loader-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.loader-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.loader-bar-container{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.loader-bar{height:100%;background:linear-gradient(90deg,#ffffff80,#fff,#ffffff80);border-radius:var(--radius-full);box-shadow:0 0 10px #ffffff80;transition:width .1s ease-out}@media (max-width: 768px){.auth-role-grid{grid-template-columns:1fr}.auth-trust-badges{flex-direction:column;gap:var(--spacing-lg)}.auth-card-new{padding:var(--spacing-2xl)}.auth-container-new{padding:calc(var(--spacing-3xl) + 50px) var(--spacing-md) var(--spacing-3xl)}}.website-layout{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative}.website-main{flex:1}.website-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.website-nav-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-2xl);display:flex;align-items:center;gap:var(--spacing-3xl)}.website-nav-logo{display:flex;align-items:center}.website-nav-logo-img{height:32px;width:auto;object-fit:contain}.website-nav-links{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.website-nav-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:#ffffffb3;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.website-nav-link:hover{color:#fff;background:#ffffff0d}.website-nav-link.active{color:#d4745f;background:#d4745f1a}.website-nav-icon{font-size:1rem}.website-nav-cta{display:flex;align-items:center;gap:var(--spacing-md)}.website-nav-cta-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#d4745f,#ff825a);color:#fff;text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:0 2px 12px #d4745f4d}.website-nav-cta-button:hover{transform:translateY(-1px);box-shadow:0 4px 20px #d4745f80;background:linear-gradient(135deg,#e88873,#ff966e)}.website-nav-cta-arrow{transition:transform var(--transition-fast)}.website-nav-cta-button:hover .website-nav-cta-arrow{transform:translate(2px)}.website-nav-login{padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.website-nav-login:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.website-footer{background:#0a0a0acc;border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-4xl) 0 var(--spacing-2xl);margin-top:var(--spacing-4xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.website-footer-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-2xl)}.website-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.website-footer-col{display:flex;flex-direction:column;gap:var(--spacing-md)}.website-footer-logo{height:28px;width:auto;object-fit:contain;margin-bottom:var(--spacing-sm)}.website-footer-tagline{color:#ffffff80;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.website-footer-social{display:flex;gap:var(--spacing-md)}.website-footer-social-link{color:#fff9;text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.website-footer-social-link:hover{color:#d4745f}.website-footer-heading{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.website-footer-link{color:#fff9;text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.website-footer-link:hover{color:#d4745f}.website-footer-bottom{padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.website-footer-copyright{color:#fff6;font-size:var(--font-size-xs)}.website-footer-compliance{color:#ffffff80;font-size:var(--font-size-xs)}.website-page-hero{padding:calc(80px + var(--spacing-4xl)) var(--spacing-2xl) var(--spacing-4xl);text-align:center}.website-page-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.website-page-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:800px;margin:0 auto;line-height:var(--line-height-relaxed)}.website-section{padding:var(--spacing-4xl) 0}.website-section-dark{background:var(--color-bg-secondary)}.website-section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-lg)}.website-section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl);line-height:var(--line-height-relaxed)}.website-section-cta{text-align:center;margin-top:var(--spacing-3xl)}.website-hero{padding:calc(80px + var(--spacing-4xl)) 0 var(--spacing-4xl);position:relative;overflow:hidden}.website-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:600px;background:radial-gradient(circle at top center,rgba(212,116,95,.15) 0%,transparent 70%);pointer-events:none}.website-hero-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;position:relative;z-index:1}.website-hero-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.website-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);color:#fff;line-height:var(--line-height-tight);letter-spacing:-.02em}.website-hero-highlight{background:linear-gradient(135deg,#d4745f,#ff9664);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--font-weight-bold)}.website-hero-subtitle{font-size:var(--font-size-lg);color:#fffc;line-height:var(--line-height-relaxed);max-width:580px}.website-hero-cta{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap}.website-hero-stats{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.15)}.website-hero-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.website-hero-stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#d4745f,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.website-hero-stat-label{font-size:var(--font-size-sm);color:#fff9;font-weight:var(--font-weight-medium)}.website-hero-image{position:relative}.website-hero-demo{position:relative;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a;background:#0f0f0f99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.website-hero-demo-img{width:100%;height:auto;display:block;opacity:.9}.website-hero-demo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#d4745f4d,#0a0a0a80);display:flex;align-items:flex-end;padding:var(--spacing-2xl)}.website-hero-demo-badge{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:var(--font-weight-semibold);box-shadow:0 8px 32px #0000004d}.website-hero-demo-logo{height:24px;width:auto;object-fit:contain;filter:brightness(1.1)}.website-cta-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);background:linear-gradient(135deg,#d4745f,#ff825a);color:#fff;text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-fast);border:none;cursor:pointer;box-shadow:0 4px 20px #d4745f4d}.website-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #d4745f80;background:linear-gradient(135deg,#e88873,#ff966e)}.website-cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast);cursor:pointer}.website-cta-secondary:hover{border-color:#d4745f80;background:#d4745f1a;transform:translateY(-2px);box-shadow:0 4px 20px #d4745f33}.website-cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.website-section{padding:var(--spacing-4xl) 0;position:relative}.website-section-dark{background:#0a0a0a80;position:relative}.website-section-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(212,116,95,.05) 0%,transparent 70%);pointer-events:none}.website-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-2xl)}.website-section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:#fff;text-align:center;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.website-section-subtitle{font-size:var(--font-size-lg);color:#ffffffb3;text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl);line-height:var(--line-height-relaxed)}.website-section-cta{display:flex;justify-content:center;margin-top:var(--spacing-3xl)}.playground-welcome-layout{display:flex;gap:40px;height:calc(100vh - 60px);padding:20px 20px 20px 0;width:100%;margin:0}.welcome-hero-sidebar{width:320px;flex-shrink:0;background:#0f0f14d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--color-accent);border-radius:16px;padding:30px 24px;display:flex;flex-direction:column;height:fit-content;max-height:100%;overflow-y:auto;position:sticky;top:0;margin-left:10px;box-shadow:0 10px 40px #00000080}.welcome-hero-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.welcome-icon-large{position:relative;margin-bottom:10px}.welcome-icon-large:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--color-accent);filter:blur(30px);opacity:.2;z-index:-1}.welcome-hero-content h2{font-size:1.75rem;margin:15px 0 10px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.2);font-weight:800;letter-spacing:-.5px}.welcome-hero-content .welcome-subtitle{font-size:.9rem;color:#fff9;line-height:1.5;margin-bottom:24px}.welcome-stats-container{width:100%;background:#ffffff08;border-radius:12px;padding:16px;margin-bottom:24px;border:1px solid rgba(255,255,255,.05)}.welcome-stats{display:flex;flex-direction:column;gap:12px}.stat-badge{display:flex;justify-content:space-between;align-items:center;width:100%}.stat-label{font-size:.85rem;color:#ffffff80}.stat-value{font-size:1rem;font-weight:700;color:var(--color-accent)}.btn-quick-start{width:100%;padding:14px;background:linear-gradient(135deg,var(--color-accent) 0%,#00cc82 100%);color:#000;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 20px #00ffa34d;font-size:.95rem}.btn-quick-start:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00ffa380}.mission-trail-playground{flex:1;position:relative;padding:60px 20px 100px;display:flex;flex-direction:column;gap:120px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mission-trail-playground::-webkit-scrollbar{display:none}.mission-trail-path-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffffff1a;transform:translate(-50%);z-index:0}.mission-trail-item{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%}.mission-trail-item.left{flex-direction:row;justify-content:flex-start}.mission-trail-item.right{flex-direction:row-reverse;justify-content:flex-start}.mission-node-container{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;z-index:2}.mission-node-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.mission-trail-item.active .mission-node-glow{opacity:1}.mission-node-outer-ring{position:absolute;width:50px;height:50px;border:1px solid rgba(255,255,255,.15);border-radius:50%;transition:all .3s ease}.mission-trail-item.active .mission-node-outer-ring{width:56px;height:56px;border-color:#ffffff4d;border-width:1px}.mission-trail-item.completed .mission-node-outer-ring{border-color:#ffffff40}.mission-node-core{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .3s ease}.mission-trail-item.active .mission-node-core{background:#ffffff1a;border-color:#ffffff4d}.mission-trail-item.completed .mission-node-core{background:#ffffff14;border-color:#ffffff40;color:#fffc}.mission-trail-item.locked .mission-node-core{background:#ffffff05;border-color:#ffffff14}.node-icon{font-size:18px;font-weight:700}.node-icon-active{color:#ffffffe6;font-size:18px}.node-icon-lock{font-size:14px;opacity:.4;color:#fff6}.mission-node-label{position:absolute;bottom:-25px;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:#fff6;white-space:nowrap}.mission-trail-item.active .mission-node-label{color:#ffffffb3}.mission-card-wrapper{width:45%;max-width:600px}.mission-trail-item.left .mission-card-wrapper{margin-right:auto;margin-left:0;text-align:right;padding-right:60px}.mission-trail-item.right .mission-card-wrapper{margin-left:auto;margin-right:0;text-align:left;padding-left:60px}.mission-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;width:100%;text-align:left;display:block}.mission-trail-item.active .mission-card{background:#ffffff0d;border-color:#ffffff26}.mission-trail-item.locked .mission-card{opacity:.4;cursor:not-allowed;background:#ffffff05;border-color:#ffffff0d}.mission-trail-item:not(.locked) .mission-card:hover{transform:translateY(-4px);background:#ffffff0f;border-color:#ffffff26}.mission-level-badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:var(--space-2);border:1px solid rgba(255,255,255,.1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:#ffffff05;font-weight:500}.mission-trail-item.active .mission-level-badge{color:#ffffffb3;border-color:#fff3;background:#ffffff0d}.mission-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.mission-card-icon{font-size:1.5rem;background:#ffffff08;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);color:#ffffffe6;transition:all .3s ease}.mission-trail-item.active .mission-card-icon{background:#ffffff0d;border-color:#ffffff26}.mission-card-title-group h3{margin:0 0 4px;font-size:1.2rem;font-weight:700;color:#fff}.mission-trail-item.active .mission-card-title-group h3{color:#fffffff2;text-shadow:0 0 10px rgba(255,255,255,.2)}.mission-card-difficulty{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:4px;background:#ffffff1a}.mission-card-difficulty.beginner{color:#4ade80;background:#4ade801a}.mission-card-difficulty.intermediate{color:#fbbf24;background:#fbbf241a}.mission-card-difficulty.advanced{color:#f87171;background:#f871711a}.mission-card-description{font-size:.95rem;color:#ffffffa6;line-height:1.6;margin-bottom:20px;font-weight:400}.mission-card-footer{display:flex;justify-content:flex-end;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-start{color:#fffc;background:#ffffff0d;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2);font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;font-size:.875rem}.mission-trail-item.active .status-start{color:#ffffffe6;background:#ffffff14;border-color:#ffffff26}.mission-trail-item:not(.locked) .mission-card:hover .status-start{background:#ffffff1a;border-color:#fff3}.status-locked{color:#ffffff4d;display:flex;align-items:center;gap:var(--space-2);font-size:.875rem}.status-completed{color:#ffffffb3;display:flex;align-items:center;gap:var(--space-2);font-size:.875rem}.status-resume{color:#fffc;background:#ffffff0d;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2);font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;font-size:.875rem}.mission-trail-item:not(.locked) .mission-card:hover .status-resume{background:#ffffff14;border-color:#ffffff26}.evaluation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;overflow-y:auto}.evaluation-card{background:linear-gradient(135deg,#14141ef2,#0a0a14fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;position:relative}.evaluation-card::-webkit-scrollbar{width:8px}.evaluation-card::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.evaluation-card::-webkit-scrollbar-thumb{background:#d4745f80;border-radius:4px}.evaluation-card::-webkit-scrollbar-thumb:hover{background:#d4745fb3}.confetti-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10000}.confetti-piece{position:absolute;width:10px;height:10px;background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff);border-radius:2px}.eval-header{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.score-circle{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000004d}.score-inner{width:130px;height:130px;border-radius:50%;background:#0a0a14e6;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.score-total{font-size:1rem;color:#ffffff80;margin-top:.25rem}.grade-badge{padding:1rem 2rem;border-radius:16px;font-size:2.5rem;font-weight:900;color:#fff;box-shadow:0 10px 30px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.3)}.eval-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.eval-section:last-of-type{border-bottom:none;margin-bottom:1rem}.eval-section h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.encouragement{text-align:center;font-size:1.125rem;color:#ffffffe6;font-weight:500;line-height:1.6;border:none;padding:1.5rem;background:#d4745f1a;border-radius:16px}.encouragement p{margin:0}.breakdown-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.breakdown-label{font-weight:600;color:#ffffffe6;min-width:140px;font-size:.95rem}.breakdown-bar-container{flex:1;height:24px;background:#ffffff0d;border-radius:12px;overflow:hidden;position:relative}.breakdown-bar{height:100%;background:linear-gradient(90deg,#d4745fcc,#d4745f);border-radius:12px;position:relative}.breakdown-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.breakdown-score{font-weight:700;color:#d4745f;min-width:50px;text-align:right}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.comparison-grid{grid-template-columns:1fr}}.comparison-column{background:#ffffff08;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.comparison-header{padding:.75rem 1rem;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;color:#ffffffb3}.perfect-prompt .comparison-header{background:#22c55e26;color:#22c55e}.comparison-content{padding:1rem;font-size:.95rem;line-height:1.6;color:#ffffffd9;min-height:100px}.tag-list{display:flex;flex-wrap:wrap;gap:.75rem}.tag{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.tag-strength{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.tag-missing{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.improvement-list,.next-steps-list{list-style:none;padding:0;margin:0}.improvement-list li,.next-steps-list li{padding:.75rem 1rem;margin-bottom:.5rem;background:#3b82f61a;border-left:3px solid rgb(59,130,246);border-radius:8px;color:#ffffffe6;line-height:1.5}.eval-close-btn{width:100%;padding:1rem 2rem}.settings-page{min-height:100vh;background:linear-gradient(135deg,#000,#0a0a0a);padding:2rem}.settings-container{max-width:1200px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.settings-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .3s ease}.settings-back-btn:hover{background:#ffffff14;color:#ffffffe6;border-color:#fff3}.settings-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#ef444426,#ef444433);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.settings-logout-btn:hover{background:linear-gradient(135deg,#ef444440,#ef44444d);border-color:#ef444480;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.settings-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .25rem}.settings-subtitle{font-size:.95rem;color:#ffffff80;margin:0}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:2rem}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}}.settings-sidebar{display:flex;flex-direction:column;gap:.5rem}.settings-tab{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.settings-tab:hover{background:#ffffff0d;color:#fffc}.settings-tab.active{background:linear-gradient(135deg,#d4745f33,#d4745f1a);border-color:#d4745f4d;color:#d4745f}.settings-tab svg{flex-shrink:0}.settings-content{background:linear-gradient(135deg,#14141ecc,#0a0a14e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.settings-section-description{font-size:.95rem;color:#ffffff80;margin:0 0 2rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.settings-form-grid{grid-template-columns:1fr}}.settings-form-group{display:flex;flex-direction:column;gap:.5rem}.settings-label{font-size:.875rem;font-weight:600;color:#fffc}.settings-input{padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;transition:all .3s ease}.settings-input:focus{outline:none;background:#ffffff14;border-color:#d4745f80;box-shadow:0 0 0 3px #d4745f1a}.settings-input::placeholder{color:#ffffff4d}.settings-hint{font-size:.75rem;color:#fff6;margin:.25rem 0 0}.settings-avatar-section{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff08;border-radius:12px}.settings-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#d4745f,#ff9682);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 4px 15px #d4745f4d}.settings-btn-primary{padding:.875rem 1.5rem;background:linear-gradient(135deg,#d4745fe6,#d4745f);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.settings-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4745f66}.settings-btn-secondary{padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.settings-btn-secondary:hover{background:#ffffff14;color:#fff}.settings-btn-danger{padding:.75rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.settings-btn-danger:hover{background:#ef444433;border-color:#ef444480}.settings-form-actions{display:flex;gap:1rem;padding-top:1rem}.settings-danger-zone{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px}.settings-danger-title{font-size:1rem;font-weight:600;color:#ef4444;margin:0 0 .25rem}.settings-danger-description{font-size:.875rem;color:#ffffff80;margin:0}.settings-toggle-list{display:flex;flex-direction:column;gap:1rem}.settings-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px}.settings-toggle-title{font-size:.95rem;font-weight:600;color:#ffffffe6;margin:0 0 .25rem}.settings-toggle-description{font-size:.85rem;color:#ffffff80;margin:0}.settings-toggle{position:relative;display:inline-block;width:48px;height:26px}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff1a;transition:.3s;border-radius:26px}.settings-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.settings-toggle input:checked+.settings-toggle-slider{background:linear-gradient(135deg,#d4745fcc,#d4745f)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(22px)}.settings-appearance-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.settings-theme-option{position:relative;padding:1rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.settings-theme-option:hover{border-color:#fff3}.settings-theme-option.active{border-color:#d4745f80;background:#d4745f0d}.settings-theme-preview{width:100%;height:120px;border-radius:8px;overflow:hidden;margin-bottom:.75rem}.settings-theme-dark{background:#0a0a0a}.settings-theme-light{background:#f5f5f5}.settings-theme-preview-header{height:30%;background:#ffffff0d}.settings-theme-light .settings-theme-preview-header{background:#0000000d}.settings-theme-preview-content{height:70%;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.settings-theme-label{font-size:.875rem;font-weight:600;color:#ffffffe6;display:block;margin-bottom:.5rem}.settings-theme-checkmark{position:absolute;top:1rem;right:1rem;width:24px;height:24px;border-radius:50%;background:#d4745f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;opacity:0;transition:opacity .3s ease}.settings-theme-option.active .settings-theme-checkmark{opacity:1;background:linear-gradient(135deg,#d4745fcc,#d4745f);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 15px #d4745f4d}.eval-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4745f66}.mission-card-title-group h3{font-size:1.25rem;margin:0 0 4px;color:var(--color-text-primary)}.mission-card-difficulty{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;background:#ffffff1a;color:var(--color-text-secondary)}.mission-card-difficulty.Beginner{color:#00ffa3;background:#00ffa31a}.mission-card-difficulty.Intermediate{color:#0a84ff;background:#0a84ff1a}.mission-card-difficulty.Advanced{color:#bf5af2;background:#bf5af21a}.mission-card-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:20px}.mission-card-footer{display:flex;align-items:center;font-size:.9rem;font-weight:600}.status-start{background:linear-gradient(135deg,#00cc82,#00ff9f);color:#fff;padding:.875rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #00cc824d;transition:all .3s ease;border:none;cursor:pointer}.status-start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00cc8266}.status-completed{color:var(--color-success)}.status-locked{color:var(--color-text-muted)}