@import url(https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);:root{--bg:#f7f1e8;--bg-alt:#efe5d7;--ink:#1f2937;--muted:#6b7280;--accent:#0f766e;--accent-strong:#0b5d56;--accent-soft:#d6f0ea;--gold:#d97706;--white:#fff;--border:#eadfce;--shadow:0 18px 40px #0f172a1f;--radius:18px;--radius-sm:12px;--font-sans:"Space Grotesk","Avenir Next","Gill Sans",sans-serif;--font-serif:"Fraunces","Georgia",serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#fff8f0 0,#f7f1e8 48%,#f2e7d9 100%);background:radial-gradient(circle at top,#fff8f0 0,var(--bg) 48%,#f2e7d9 100%);color:#1f2937;color:var(--ink);font-family:Space Grotesk,Avenir Next,Gill Sans,sans-serif;font-family:var(--font-sans);margin:0}button,input,select,textarea{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1 1;padding:32px 24px 80px}.page{margin:0 auto;max-width:1100px}.dashboard-page{padding-top:20px}.page-narrow{margin:0 auto;max-width:680px}.eyebrow{background:var(--accent-soft);color:var(--accent-strong);font-size:.82rem;gap:8px;letter-spacing:.02em;padding:6px 14px}.btn,.eyebrow{align-items:center;border-radius:999px;display:inline-flex;font-weight:600}.btn{border:1px solid #0000;cursor:pointer;gap:10px;justify-content:center;padding:12px 22px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background:var(--accent);box-shadow:0 12px 22px #0f766e40;color:var(--white)}.btn.primary:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn.ghost{background:#0000;border-color:var(--border);color:var(--ink)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent-strong)}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf7e0;border-bottom:1px solid #eadfceb3;position:sticky;top:0;z-index:10}.nav-inner{gap:24px;justify-content:space-between;margin:0 auto;max-width:1180px;padding:18px 24px}.brand,.nav-inner{align-items:center;display:flex}.brand{color:var(--ink);font-size:1.1rem;font-weight:700;gap:12px;text-decoration:none}.brand-mark{background:linear-gradient(135deg,var(--accent),#1f9c8f);border-radius:12px;color:var(--white);display:grid;font-weight:700;height:36px;place-items:center;width:36px}.nav-links{align-items:center;display:flex;gap:16px}.nav-link{border-radius:999px;color:var(--ink);font-weight:600;padding:8px 12px;text-decoration:none;transition:background .2s ease,color .2s ease}.nav-link.active,.nav-link:hover{background:var(--accent-soft);color:var(--accent-strong)}.nav-button{background:none;border:none;border-radius:999px;color:var(--ink);cursor:pointer;font-weight:600;padding:8px 12px}.nav-button:hover{background:#0f766e1a}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card-header{margin-bottom:18px}.card-header h2{margin:0 0 6px}.card-header p{color:var(--muted);margin:0}.form{grid-gap:14px;display:grid;gap:14px}.form input{border:1px solid var(--border);border-radius:12px;font-size:1rem;padding:12px 14px}.form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e26;outline:none}.form-actions{align-items:center;display:flex;gap:12px}.list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.list-item{align-items:center;background:#fffaf2;border:1px solid var(--border);border-radius:14px;display:flex;justify-content:space-between;padding:12px 14px}.badge{background:var(--accent-soft);border-radius:999px;color:var(--accent-strong);font-size:.78rem;font-weight:600;padding:4px 10px}.empty{border:1px dashed var(--border);border-radius:14px;color:var(--muted);padding:20px;text-align:center}.message.success{color:#0f766e}.message.error{color:#b45309}.message{align-items:center;display:inline-flex;font-weight:600;gap:6px}.muted{color:var(--muted);font-size:.92rem}.split{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feed-layout{grid-gap:24px;display:grid;gap:24px}.landing-page{grid-gap:56px;display:grid;gap:56px}.hero,.hero-shell{position:relative}.hero-shell{grid-gap:28px;background:radial-gradient(circle at top right,#0f766e2e,#0000 34%),radial-gradient(circle at bottom left,#d977061f,#0000 28%),linear-gradient(135deg,#fffaf3fa,#f8f1e6eb);border:1px solid #eadfcee6;border-radius:36px;box-shadow:0 30px 60px #1f293714;display:grid;gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);overflow:hidden;padding:44px}.hero-shell:after{border:1px solid #ffffff8c;border-radius:28px;content:"";inset:22px;pointer-events:none;position:absolute}.hero-content,.hero-panel{position:relative;z-index:1}.hero-content{color:var(--ink)}.landing-eyebrow{margin-bottom:18px}.hero h1{color:#1d3a37;font-family:var(--font-serif);font-size:clamp(3rem,7vw,5.4rem);letter-spacing:-.03em;line-height:.98;margin:0;max-width:11ch;text-shadow:0 1px 0 #ffffff59}.hero-subtitle{color:#314154;font-size:1.08rem;font-weight:500;line-height:1.75;margin:22px 0 0;max-width:620px}.hero-buttons{gap:14px;margin-top:28px}.hero .btn.ghost{background:#fffcf7eb;border-color:#1d3a372e;box-shadow:0 10px 24px #1f293714;color:#1d3a37}.hero .btn.ghost:hover{background:#fffaf2;border-color:#1d3a3747;color:#16312f}.hero-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.hero-stat{background:#fffcf7e0;border:1px solid #eadfcee6;border-radius:20px;padding:16px 18px}.hero-stat strong{color:var(--ink);display:block;font-size:1rem}.hero-stat span{color:var(--muted);display:block;font-size:.92rem;margin-top:6px}.hero-panel{grid-gap:18px;align-content:center;display:grid;gap:18px}.hero-panel-card{border:1px solid #eadfcee6;border-radius:28px;box-shadow:var(--shadow);padding:24px}.lesson-card{background:linear-gradient(180deg,#155e57,#0f766e);color:var(--white)}.lesson-card .lesson-progress span,.lesson-card .panel-label,.lesson-card p{color:#ffffffc7}.lesson-card h2{font-family:var(--font-serif);font-size:2rem;margin:10px 0 12px}.panel-label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lesson-progress{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.lesson-progress div{background:#ffffff1a;border-radius:18px;padding:14px}.lesson-progress strong{display:block;font-size:1.2rem;margin-top:8px}.orbit-card{background:#fffcf7eb;color:var(--ink)}.orbit-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.orbit-tags span{background:linear-gradient(135deg,#fff1d6,#fffaf0);border:1px solid var(--border);border-radius:999px;color:#334155;font-weight:700;padding:10px 14px}.cta,.difficulty-section,.features{position:relative}.section-heading{margin-bottom:24px;max-width:720px}.cta h2,.difficulty-section>h2,.features>h2,.section-heading h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;margin:16px 0 10px}.difficulty-section>h2,.features>h2{display:none}.cta p,.section-subtitle{color:var(--muted);font-size:1rem;line-height:1.7;margin:0}.difficulty-levels-grid,.features-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.difficulty-card,.feature-card{background:#ffffffb8;border:1px solid #eadfcef2;border-radius:24px;box-shadow:0 16px 36px #1f29370f;padding:24px}.feature-card{background:linear-gradient(180deg,#ffffff52,#ffffffe6),linear-gradient(135deg,#d6f0ea8c,#fff4dfa6);display:flex;flex-direction:column;justify-content:flex-end;min-height:220px}.feature-accent{align-self:flex-start;background:#ffffffdb;border-radius:999px;color:var(--accent-strong);display:inline-flex;font-size:.82rem;font-weight:700;margin-bottom:34px;padding:8px 12px}.difficulty-card h3,.feature-card h3{font-size:1.2rem;margin:0 0 10px}.difficulty-card p,.feature-card p{color:var(--muted);line-height:1.65;margin:0}.difficulty-card{background:linear-gradient(180deg,#ffffffd6,#fff9f1e0)}.level-badge{background:var(--accent-soft);border-radius:999px;color:var(--accent-strong);display:inline-flex;font-size:.82rem;margin-bottom:14px;padding:7px 12px}.level-description{margin-bottom:18px}.level-details{grid-gap:10px;gap:10px;margin-bottom:16px}.detail-item{background:#ffffffe6;border:1px solid #eadfcee6;border-radius:16px;gap:12px;padding:12px 14px}.detail-label{color:var(--muted)}.level-features{grid-gap:10px;color:var(--ink);display:grid;gap:10px;padding-left:20px}.cta-content{background:radial-gradient(circle at top right,#d6f0eae6,#0000 34%),linear-gradient(135deg,#fffaf2,#f6ecdf);border:1px solid #eadfcef2;border-radius:30px;box-shadow:0 18px 38px #1f293712;padding:36px}.btn-large{margin-top:24px;min-width:180px}@media (max-width:900px){.main{padding:24px 18px 64px}.hero-shell{grid-template-columns:1fr;padding:28px}.hero h1{max-width:none}.hero-stats{grid-template-columns:1fr}}@media (max-width:640px){.nav-inner{padding:16px 18px}.nav-links{flex-wrap:wrap;gap:10px;justify-content:flex-end}.cta-content,.hero-shell{border-radius:24px;padding:22px}.hero h1{font-size:2.8rem}.hero-buttons,.lesson-progress{grid-template-columns:1fr}}.composer-card{max-width:100%}.feed-card{min-height:420px}.section-banner{margin-bottom:16px}.section-pill{align-items:center;background:linear-gradient(135deg,var(--accent-soft),#eef8f4);border:1px solid #0f766e24;border-radius:999px;color:var(--accent-strong);display:inline-flex;font-weight:700;letter-spacing:.01em;padding:8px 14px}.post-textarea{border:1px solid var(--border);border-radius:12px;font-size:1rem;min-height:150px;padding:12px 14px;resize:vertical}.post-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e26;outline:none}.post-item{background:#fffaf2;border:1px solid var(--border);border-radius:14px;display:block;padding:14px}.post-content{color:var(--ink);line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.post-meta{color:var(--muted);display:flex;font-size:.88rem;gap:10px;justify-content:space-between;margin-bottom:6px}.word-count{color:var(--muted);font-size:.86rem;font-weight:700;justify-self:end}.word-count.over-limit{color:#b42318}.post-actions{display:flex;justify-content:flex-end;margin:8px 0 2px}.btn.danger{background:#fff1f0;border:1px solid #b4231847;color:#b42318}.btn.danger:hover:not(:disabled){background:#ffe4e0;color:#8f1c13}.audio-player{margin:10px 0 0;width:100%}.mode-tabs{background:#0f766e14;border:1px solid #0f766e24;border-radius:999px;display:inline-flex;gap:8px;margin:0 0 12px;padding:6px}.mode-tabs.compact{margin:0 0 8px}.tab{appearance:none;background:#0000;border:0;border-radius:999px;color:var(--accent-strong);cursor:pointer;font-weight:700;padding:8px 12px}.tab.active{background:#fff;border:1px solid #0f766e2e;box-shadow:0 1px 2px #0f766e14}.voice-recorder{grid-gap:10px;background:#0f766e0a;border:1px dashed #0f766e59;border-radius:12px;display:grid;gap:10px;padding:12px}.voice-recorder-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.voice-label{color:var(--ink);font-weight:700}.voice-controls{display:flex;flex-wrap:wrap;gap:10px}.voice-upload{align-items:center;display:inline-flex;gap:8px}.comment-block{grid-gap:10px;border-top:1px solid var(--border);display:grid;gap:10px;margin-top:14px;padding-top:12px}.comment-title{font-weight:600;margin:0}.comment-list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.comment-item{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px}.comment-content{line-height:1.45;margin:0 0 8px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.comment-meta{color:var(--muted);display:flex;font-size:.82rem;justify-content:space-between}.comment-form{grid-gap:8px;display:grid;gap:8px}.comment-textarea{border:1px solid var(--border);border-radius:10px;font-size:.95rem;min-height:70px;padding:10px 12px;resize:vertical}.comment-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e26;outline:none}.comment-actions{display:flex;justify-content:flex-end}.mcq-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.mcq-word{font-family:var(--font-serif);font-size:2rem;margin-top:6px}.learning-eyebrow{background:linear-gradient(135deg,#0f766e1f,#0f766e2e);border:1px solid #0f766e1f;box-shadow:inset 0 1px 0 #ffffff73;margin-bottom:10px;padding:7px 12px}.mcq-prompt{margin:0 0 14px}.mcq-options{grid-gap:10px;display:grid;gap:10px}.mcq-option{background:#fff;border:1px solid var(--border);border-radius:14px;cursor:pointer;font-weight:600;padding:12px 14px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease;width:100%}.mcq-option:hover{border-color:#0f766e59;transform:translateY(-1px)}.mcq-option.selected{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.mcq-option.correct{background:#0f766e14;border-color:#0f766e99}.mcq-option.wrong{background:#d977061f;border-color:#d977068c}.mcq-hint{background:#fffaf2;border:1px solid var(--border);border-radius:14px;color:var(--muted);font-weight:600;margin-top:14px;padding:12px 14px}.mcq-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.mcq-actions .btn{height:44px}.learning-shell{grid-gap:18px;display:grid;gap:18px}.learning-page-layout{grid-gap:22px;display:grid;gap:22px}.learning-page-wide{max-width:1180px}.learning-top-panel{min-height:540px}.learning-bottom-panel{background:linear-gradient(180deg,#fffdf8,#f8faf8)}.learning-toolbar{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.single-control{grid-template-columns:minmax(220px,320px)}.learning-control{grid-gap:8px;color:var(--ink);display:grid;font-weight:600;gap:8px}.learning-control select{background:#fff;border:1px solid var(--border);border-radius:12px;font-size:.98rem;padding:12px 14px}.level-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.level-grid-bottom{margin-top:4px}.level-card{grid-gap:16px;align-items:center;background:#fffaf5;border:1px solid var(--border);border-radius:16px;cursor:pointer;display:grid;gap:16px;grid-template-columns:minmax(88px,110px) minmax(0,1fr) auto;min-height:112px;padding:18px 20px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.level-card.active,.level-card:hover{border-color:#0f766e59;box-shadow:0 14px 28px #0f766e14;transform:translateY(-1px)}.level-rank{color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.level-card-side{align-items:center;display:flex}.level-card-body{min-width:0}.level-card strong{color:var(--ink);display:block;font-size:1.08rem;margin-bottom:4px}.level-description-inline{color:var(--muted);display:block;line-height:1.45}.level-card-meta{color:var(--accent-strong);font-weight:700;justify-self:end;white-space:nowrap}.learning-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.learning-stat{grid-gap:4px;background:#f7fbfb;border:1px solid var(--border);border-radius:14px;display:grid;gap:4px;padding:14px 16px}.learning-focus{display:flex;flex-wrap:wrap;gap:10px}.learning-example{background:#f7fbfb;border:1px solid var(--border);border-radius:14px;margin-top:14px;padding:14px 16px}.learning-example p{margin:6px 0 0}.learning-secondary-header{border-top:1px solid #e5e7ebe6;margin-top:8px;padding-top:6px}@media (min-width:900px){.composer-card{padding:28px 28px 24px}.feed-card{padding:28px}}@media (max-width:720px){.nav-inner{align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap}.main{padding:24px 16px 60px}.learning-page-wide{max-width:100%}.level-card,.level-grid{grid-template-columns:1fr}.level-card{align-items:start}.level-card-meta{justify-self:start}}.landing-page{overflow-x:hidden;width:100%}.hero{align-items:center;background:linear-gradient(135deg,#0f7670,#1a4d4a 50%,#0d5551);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:60px 40px;text-align:center}.hero-content{animation:fadeInUp .8s ease-out;max-width:800px}.hero-content h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.hero-subtitle{color:#ffffffe6;font-size:1.3rem;font-weight:400;letter-spacing:.01em;line-height:1.6;margin:0 0 40px}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.landing-page .btn.primary{background:#fff;box-shadow:0 8px 24px #0003;color:#0f7670;font-size:1.1rem;padding:16px 32px}.landing-page .btn.primary:hover{background:#f5f5f5;box-shadow:0 12px 32px #0000004d;transform:translateY(-2px)}.landing-page .btn.ghost{background:#0000;border:2px solid #fff;color:#fff;font-size:1.1rem;padding:14px 30px}.landing-page .btn.ghost:hover{background:#ffffff1a;border-color:#fff}.features{background:#f8f8f7;padding:100px 40px;text-align:center}.features h2{color:#1a1a1a;font-size:2.8rem;font-weight:700;letter-spacing:-.01em;margin:0 0 60px}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border:1px solid #0f766e14;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:40px 30px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 12px 32px #0f766e26;transform:translateY(-8px)}.feature-card h3{color:#0f7670;font-size:1.5rem;font-weight:700;letter-spacing:-.005em;margin:0 0 14px}.feature-card p{color:#666;font-size:1rem;line-height:1.6;margin:0}.stats{grid-gap:40px;background:linear-gradient(135deg,#0f7670,#1a4d4a);color:#fff;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px;padding:80px 40px;text-align:center}.stat-item{animation:fadeInUp .8s ease-out}.stat-number{display:block;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.stat-item p{color:#ffffffe6;font-size:1.1rem;font-weight:500;margin:0}.cta{background:linear-gradient(135deg,#f0fffe,#f5fffe);padding:100px 40px;text-align:center}.cta-content{margin:0 auto;max-width:700px}.cta h2{color:#0f7670;font-size:2.8rem;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}.cta p{color:#666;font-size:1.2rem;line-height:1.6;margin:0 0 40px}.btn-large{font-size:1.15rem;padding:18px 48px}.difficulty-section{background:linear-gradient(180deg,#fff,#f8fffe);padding:100px 40px;text-align:center}.difficulty-section h2{color:#1a1a1a;font-size:2.8rem;font-weight:700;letter-spacing:-.01em;margin:0 0 16px}.section-subtitle{color:#666;font-size:1.2rem;font-weight:400;margin:0 0 60px}.difficulty-levels-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.difficulty-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 24px #00000014;overflow:hidden;padding:40px 32px;position:relative;text-align:left;transition:all .3s ease}.difficulty-card:hover{border-color:currentColor;box-shadow:0 16px 40px #0000001f;transform:translateY(-8px)}.difficulty-card:before{background:currentColor;content:"";height:4px;left:0;position:absolute;right:0;top:0}.beginner-level{color:#4caf50}.intermediate-level{color:#2196f3}.advanced-level{color:#ff9800}.level-badge{background:currentColor;border-radius:50px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:16px;padding:8px 16px;text-transform:uppercase}.difficulty-card h3{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0 0 12px}.level-description{color:#666;font-size:1rem;line-height:1.6;margin:0 0 24px}.level-details{grid-gap:12px;background:#f5f5f5;border-radius:12px;display:grid;gap:12px;margin-bottom:24px;padding:20px}.detail-item{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.detail-label{color:#666;font-weight:600}.detail-value{color:#1a1a1a;color:currentColor;font-weight:700}.level-features{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.level-features li{color:#555;font-size:.95rem;font-weight:500;padding-left:24px;position:relative}.level-features li:before{color:currentColor;content:"✓";font-weight:700;left:0;position:absolute}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{min-height:auto;padding:60px 20px}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.features{padding:60px 20px}.features h2{font-size:2rem}.features-grid{gap:20px;grid-template-columns:1fr}.stats{gap:30px;grid-template-columns:repeat(2,1fr);padding:60px 20px}.stat-number{font-size:2.5rem}.cta{padding:60px 20px}.cta h2{font-size:2rem}.cta p{font-size:1rem}.hero-buttons{flex-direction:column}.btn{width:100%}.difficulty-section{padding:60px 20px}.difficulty-section h2{font-size:2rem}.section-subtitle{font-size:1rem;margin:0 0 40px}.difficulty-levels-grid{gap:20px;grid-template-columns:1fr}.difficulty-card{padding:32px 24px}.difficulty-card h3{font-size:1.5rem}.level-features li{font-size:.9rem}}.landing-page .hero-shell .hero-content .hero-subtitle{color:#314154;font-weight:500}.landing-page .hero-shell .hero-buttons .btn.ghost{background:#fffcf7eb;border:1px solid #1d3a372e;box-shadow:0 10px 24px #1f293714;color:#1d3a37}.landing-page .hero-shell .hero-buttons .btn.ghost:hover{background:#fffaf2;border-color:#1d3a3747;color:#16312f}.landing-page-clean{display:grid;margin:0 auto;min-height:calc(100vh - 88px);overflow:hidden;place-items:center;width:min(1180px,calc(100% - 32px))}.landing-page-clean .hero{background:#0000;color:inherit;display:block;min-height:auto;padding:0;text-align:left;width:100%}.landing-page-clean .hero-shell{gap:0;grid-template-columns:1fr;padding:clamp(28px,5vw,56px)}.landing-page-clean .hero-content{animation:none;margin:0 auto;max-width:820px;text-align:center}.landing-page-clean .landing-eyebrow{margin-bottom:16px}.landing-page-clean .hero h1{font-size:clamp(2.8rem,6vw,4.9rem);line-height:.96;margin:0 auto;max-width:13ch}.landing-page-clean .hero-subtitle{margin:22px auto 0;max-width:680px}.landing-page-clean .hero-buttons{justify-content:center;margin-top:28px}.landing-page-clean .hero-stats{margin:30px auto 0;max-width:760px}.landing-page-clean .hero-stat{text-align:left}@media (max-width:900px){.landing-page-clean .hero-shell{padding:32px}}@media (max-width:640px){.landing-page-clean{min-height:calc(100vh - 76px);width:min(100% - 20px,1180px)}.landing-page-clean .hero-shell{padding:22px}.landing-page-clean .hero h1{font-size:clamp(2.25rem,12vw,3rem)}.landing-page-clean .hero-buttons{flex-direction:column;gap:12px;margin-top:22px}.landing-page-clean .hero-buttons .btn{width:100%}.landing-page-clean .hero-stats{gap:10px;grid-template-columns:1fr;margin-top:20px}}.login-container{align-items:center;background:radial-gradient(circle at top,#fff8f0e6 0,#f7f1e899 45%,#f2e7d9b3 100%);display:flex;justify-content:center;min-height:100vh;padding:32px 16px}.login-box{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-width:400px;padding:36px;width:100%}.login-title{color:var(--ink);font-size:26px;font-weight:600;margin:14px 0 8px;text-align:center}.login-form{gap:16px}.form-group,.login-form{display:flex;flex-direction:column}.form-group label{color:var(--muted);font-size:14px;font-weight:500;margin-bottom:8px}.login-form input{border:1px solid var(--border);border-radius:12px;font-size:15px;outline:none;padding:12px 14px;transition:border-color .3s ease,box-shadow .3s ease}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e26}.auth-header{margin-bottom:16px;text-align:center}.auth-header p{color:var(--muted);margin:0}
/*# sourceMappingURL=main.0d712a8f.css.map*/