@font-face{font-family:Manrope;src:url('/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:#f6f8f2;--ink:#133e33;--green:#1c6049;--lime:#e3f6a6;--orange:#d76643;--line:#dce5d7;--muted:#576b60;--white:#fff;--serif:Manrope,system-ui,sans-serif}
body{font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.7;background:radial-gradient(ellipse at 95% 4%,#e8f2d8 0,transparent 28%),var(--paper)}
.header{height:84px;background:#f6f8f2ec;border-bottom-color:#dce5d7;padding-inline:5%;backdrop-filter:blur(18px)}.logo{font-size:22px;letter-spacing:-.035em;gap:2px}.brandmark{background:var(--ink);color:var(--lime);border:0;width:38px;height:38px;margin-right:10px}.brandmark span{color:#f2b893}.orange{color:var(--orange)}
nav{gap:6px;background:#e8ede1;border:1px solid #dce5d7;border-radius:99px;padding:5px}nav a{padding:9px 18px;border-radius:99px;font-size:12px;min-height:40px}nav a.active{background:white;box-shadow:0 2px 7px #163e350a}nav a.active:after{display:none}.language{min-height:40px;min-width:70px;border-color:#ccd8c4;background:#fff;font-size:11px}
.container{width:min(1240px,90%)}.hero{padding:54px 0 44px;gap:5%;grid-template-columns:1.02fr 1fr;min-height:590px}.hero .eyebrow{font-size:9px;letter-spacing:.15em}.eyebrow{font-size:10px;letter-spacing:.14em}.eyebrow:before{width:6px;height:6px;background:var(--orange)}
.hero-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.hero-chips span{border:1px solid #d3dfc9;padding:4px 9px;border-radius:7px;color:#51664f;font-size:9px;font-weight:800;letter-spacing:.08em}.hero-chips span:first-child{background:#e9f2d6}
h1,h2,h3,.tip b,.word b,.stat,.unit-number,.club-preview strong{font-family:Manrope,system-ui,sans-serif}h1{font-size:clamp(46px,5.1vw,73px);font-weight:800;letter-spacing:-.065em;line-height:1.07;margin:20px 0 22px;text-wrap:balance}h1 em{font-style:normal;font-weight:800;color:#36765a}h2{font-size:clamp(29px,3vw,42px);font-weight:750;letter-spacing:-.05em;line-height:1.17}h3{font-size:25px;font-weight:750;letter-spacing:-.045em;line-height:1.23}.lead{font-size:15px;line-height:1.85;max-width:420px}.hero .actions{gap:22px;margin-top:27px}
.btn{font-family:Manrope,system-ui,sans-serif;font-size:12px;font-weight:800;min-height:46px;padding:13px 23px;box-shadow:0 3px 8px #163e3509;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-1px);background:#27684e}.btn.secondary{background:#fff;border-color:#c9d8bf;box-shadow:none}.btn.secondary:hover{background:#eef4e5}.btn.light{background:var(--lime)}.btn.light:hover{background:#d5ee8c}.text-button{font-size:12px;line-height:1.6;text-underline-offset:5px}.fine{font-size:11px;color:#576b60}.hero-foot{font-size:10px;margin-top:24px;gap:12px}.mini-avatars i{border-color:var(--paper);width:27px;height:27px}
.hero-art{border-radius:30px;min-height:440px;background:#e0e9cd;border:1px solid #d5dfc4;box-shadow:0 12px 34px #1e45300b;isolation:isolate}.hero-art svg{height:440px}.scene-note{position:absolute;top:19px;left:20px;z-index:1;display:flex;align-items:center;gap:7px;background:#fff9;padding:8px 11px;border:1px solid #fff8;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(10px)}.live-dot{width:6px;height:6px;border-radius:50%;background:#35754e}.location{top:25px;right:16px;font-size:8px;letter-spacing:.12em}.floating-label{bottom:20px;left:20px;border:1px solid #ffffffb3;background:#fffffff0;border-radius:14px;padding:13px 17px;box-shadow:0 8px 28px #143b2520;font-size:10px}.floating-label b{font:750 22px/1.4 Manrope,system-ui,sans-serif;letter-spacing:-.04em}
.ribbon{background:#163f33;border:0;border-radius:19px;padding:22px 30px;margin:0 0 55px;color:#eaf0df;gap:25px}.ribbon strong{font:650 13px Manrope,sans-serif;background:#ffffff10;border:1px solid #ffffff28;color:var(--lime);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.ribbon b{font-size:12px;color:#f4f9eb}.ribbon span{font-size:10px;color:#bcd0bb;line-height:1.9}
.section-title{margin-bottom:24px}.section-title p{font-size:12px}.pill{font-size:9px;font-weight:800;letter-spacing:.04em;background:#edf3e5;border-color:#d2dfc5;padding:7px 11px}.cards{gap:20px}.mission-card{border-color:#dce5d7;border-radius:22px;background:#fff;box-shadow:0 4px 12px #153d2803;transition:transform .2s,box-shadow .2s}.mission-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #153d2810}.card-art{height:190px;border-bottom:1px solid #dce5d7;background:#dce8d0}.card-art .pill{left:15px;top:15px;background:#fffffff0;padding:6px 9px;font-size:8px;border:1px solid #fff}.mission-number{position:absolute;z-index:1;right:15px;top:15px;font-size:10px;font-weight:800;background:#fff9;padding:5px 9px;border-radius:6px}.card-body{padding:22px 24px}.card-body .fine{font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.065em}.card-body h3{font-size:25px;min-height:61px;margin:10px 0}.card-body p{font-size:12px;line-height:1.8}.card-bottom{margin-top:16px;border-top:1px solid #e4ebde;padding-top:15px}.card-bottom button{font-size:11px;min-height:38px}.round-arrow{background:#eff4e7;border:0;font-size:16px;width:34px;height:34px}.progress-strip{border:1px solid #dce5d7;background:#edf3e5;border-radius:14px;padding:16px 21px;margin-top:22px;font-size:11px}.progress-track{height:5px;background:#d6e1c9}.progress-track>span{background:#377456}
.club-banner{border:1px solid #164232;border-radius:25px;padding:42px;background:radial-gradient(ellipse at 100% 5%,#3e7358 0,transparent 60%),#153f33;gap:50px}.club-banner h2{font-size:43px;font-weight:750;letter-spacing:-.055em;line-height:1.16;margin:17px 0}.club-banner p{font-size:13px;line-height:1.9}.club-preview>div{background:#ffffff09;border:1px solid #ffffff20;border-radius:13px;padding:16px 18px;gap:18px}.club-preview strong{font-size:15px;font-weight:650}.club-preview b{font-size:11px}.club-preview span{font-size:11px}
.culture-preview{gap:50px;align-items:center}.culture-quote{border-radius:22px;background:linear-gradient(130deg,#e7efdc,#e2e9cc);border:1px solid #d7e1c6;min-height:260px;font:650 28px/1.4 Manrope,system-ui,sans-serif;letter-spacing:-.04em;padding:35px}.culture-quote small{font:750 9px/1.6 Manrope,sans-serif;letter-spacing:.11em;color:#57704e;margin-top:22px}.culture-preview h2{font-size:36px}.culture-preview p{font-size:13px;line-height:1.9}.page-heading{padding-top:48px;padding-bottom:30px}.page-heading h1{font-size:54px;font-weight:800;letter-spacing:-.06em;max-width:850px}.page-heading p{font-size:14px;line-height:1.9;max-width:660px}.unit{border-radius:18px;border-color:#dce5d7;padding:25px;background:#fff}.unit h3{font-size:25px}.unit-number{font-size:16px;font-weight:800;background:#e7f1d4}.unit .tags{font-size:9px}.side-panel{border:1px solid #d9e4cb;border-radius:20px;background:#ecf3df}.side-panel h3{font-size:27px}.stat{font-weight:750;letter-spacing:-.07em}.tip{border-radius:13px;border:1px solid #d9e3ca;background:#edf3e5;padding:18px;font-size:12px}.tip b{font-size:20px;font-weight:750;letter-spacing:-.035em}.culture-card,.music-card,.project-voice,.collaboration{border-radius:20px;border:1px solid #dce5d7}.culture-card h3{font-size:24px}.culture-card p{font-size:12px;line-height:1.9}.music-card{background:#eef0df}.project-voice{background:#e9f0dc}.project-voice h2{font-size:33px}.collaboration{background:#eaf1df}.collaboration textarea{border-radius:13px;min-height:120px;resize:vertical}
dialog{border-radius:24px;border:1px solid #e1e9d9;background:#f8faf4;max-height:92dvh}.modal-header{background:#f8faf4ed;backdrop-filter:blur(12px);padding:18px 25px;font-size:10px;letter-spacing:.05em}.modal-body{padding:26px 34px 30px}.modal-body h2{font-size:35px;font-weight:750;letter-spacing:-.05em}.stepper{gap:6px;margin-bottom:13px}.stepper span{height:4px;background:#dce5d2}.stepper .done{background:#427a55}.step-caption{font-size:9px;font-weight:750;letter-spacing:.14em}.close{width:37px;height:37px;background:#edf2e6;border:0}.mini-scene{border-radius:14px}.audio-toolbar{background:#edf2e5;border:1px solid #dce5cf;border-radius:12px;padding:11px 14px;font-size:10px}.audio-toolbar select{background:#fff;border-color:#c4d5b7;min-height:32px;padding:5px 8px;max-width:190px}.bubble{border-radius:4px 14px 14px 14px;border-color:#dce5d7;font-size:13px;padding:13px 16px}.bubble small{font-size:10px}.play{width:36px;height:36px;background:#fff;border-color:#d3dfc5}.dialogue-line{grid-template-columns:32px 1fr 36px;gap:10px}.avatar{font-size:11px;background:#e4d3b9}.avatar.you{background:#d6e8b4}.option{border-radius:13px;background:#fff;border-color:#d4dfc9;font-size:13px;min-height:48px}.option.correct{background:#e4f3ca;border-color:#7da75c}.option.wrong{background:#fde9df;border-color:#cf8862}.feedback{font-size:12px}.record-panel{background:#edf3e5;border:1px solid #d8e3ca;border-radius:18px;padding:22px}.record-panel .target{font:750 24px/1.4 Manrope,sans-serif;letter-spacing:-.035em}.phrase-row{border-radius:14px;border-color:#dce5d7;padding:16px}.phrase-row.selected{border-color:#618753;box-shadow:0 0 0 1px #618753}.phrase-row b{font-weight:650;font-size:14px}.phrase-row .text-button{border-bottom:0;text-align:left}.phrase-row small{margin-top:3px;font-size:10px}.voice-feedback{border-radius:14px;border-color:#d1dfc3}.chat{border-radius:17px;background:#edf3e5;border-color:#d8e3cb}.chat-message{font-size:13px;border-radius:4px 14px 14px 14px}.chat-message.user{border-radius:14px 4px 14px 14px}.chat-form input{font-size:13px;border-color:#c5d5b8}.tabs{background:#eaf0e1;padding:5px;border:1px solid #dae4cf;border-radius:99px;width:fit-content;gap:3px}.tabs button{border:0;font-size:10px;font-weight:800;padding:9px 17px}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px #163e3510}.word{border-radius:13px}.word b{font-size:18px;font-weight:700}.complete .seal{background:#e3f6a6}.badge{font-size:9px}.hints button{background:#fff;border-color:#d9e3cc;font-size:10px;min-height:33px}.next-row{padding-top:22px}.modal-foot{padding-top:18px}.mode-controls{font-size:10px}.mode-controls select{padding:7px}.team-narration{border:1px solid #dae5ce;background:#edf3e5;border-radius:13px}footer{background:#edf2e5;padding:28px 5%;border-color:#d9e3cf}footer b{color:var(--ink);letter-spacing:-.03em}footer button{font-size:10px;min-height:32px}#toast{border:1px solid #ffffff28;box-shadow:0 8px 24px #163e3520}
@media(min-width:1450px){.hero{padding-block:65px}.hero-art,.hero-art svg{height:470px;min-height:470px}}
@media(max-width:1000px){.hero{gap:25px;min-height:auto}.hero-art,.hero-art svg{height:410px;min-height:410px}.card-body{padding:18px}.card-body h3{font-size:22px}.ribbon{padding:20px;gap:18px}.ribbon>div{gap:10px}.club-banner{padding:32px}.hero .eyebrow{font-size:8px}}
@media(max-width:700px){body{padding-bottom:80px}.header{height:72px;padding-inline:5%;backdrop-filter:blur(14px)}.logo{font-size:21px}.brandmark{width:34px;height:34px;font-size:27px}.language{min-height:37px;min-width:65px}nav{position:fixed;bottom:0;left:0;right:0;top:auto;border-radius:0;background:#f8faf4f5;backdrop-filter:blur(18px);border:0;border-top:1px solid #d5dfc8;display:flex;justify-content:space-around;gap:6px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #163e3507}nav a,nav a:last-child{display:block;text-align:center;flex:1;padding:11px 8px;font-size:11px;min-height:42px}nav a.active{background:#e1edcf;box-shadow:none;color:#204d35}.hero{grid-template-columns:1fr;padding:31px 0 30px;gap:28px}.hero .eyebrow{font-size:8px}.hero-chips{margin-top:17px;gap:6px}.hero-chips span{font-size:8px}h1{font-size:49px;line-height:1.08;margin:19px 0;letter-spacing:-.06em;max-width:540px}.hero .lead{font-size:14px;line-height:1.85;max-width:440px}.hero .actions{gap:18px;margin:24px 0 12px}.hero .btn{padding:13px 19px;font-size:11px}.hero .text-button{font-size:11px}.hero-foot{font-size:9px;margin-top:19px}.hero-art,.hero-art svg{height:330px;min-height:330px}.hero-art{border-radius:24px}.floating-label{left:15px;bottom:16px;padding:11px 14px}.floating-label b{font-size:20px}.scene-note{top:14px;left:15px;font-size:8px}.ribbon{flex-direction:column;gap:16px;border-radius:18px;padding:22px;margin-bottom:38px}.ribbon>div{gap:14px}.ribbon strong{width:33px;height:33px}.ribbon b{font-size:12px}.ribbon span{font-size:10px}.section-title h2{font-size:30px}.section-title p{font-size:12px;max-width:290px}.section-title .pill{display:none}.cards{grid-template-columns:1fr;gap:20px}.card-art{height:190px}.card-body{padding:22px}.card-body h3{min-height:0;font-size:26px}.card-body p{min-height:0;font-size:12px}.card-bottom{margin-top:15px}.progress-strip{padding:14px;gap:10px;flex-wrap:wrap;font-size:10px}.progress-track{min-width:60px}.club-banner{grid-template-columns:1fr;padding:27px;gap:24px;border-radius:22px;margin-block:35px 40px}.club-banner h2{font-size:34px;line-height:1.2}.club-banner p{font-size:12px}.club-preview>div{padding:14px}.club-preview span{font-size:10px}.culture-preview{grid-template-columns:1fr;gap:27px;margin-bottom:40px}.culture-quote{font-size:25px;min-height:210px;padding:28px}.culture-preview h2{font-size:31px}.page-heading{padding-top:31px;padding-bottom:23px}.page-heading h1{font-size:41px;line-height:1.13}.page-heading p{font-size:13px}.dashboard{grid-template-columns:1fr;gap:23px}.unit{padding:19px;grid-template-columns:36px 1fr;gap:13px}.unit h3{font-size:23px}.unit .btn{grid-column:2;min-height:38px;padding:8px 15px;font-size:10px}.unit-number{width:35px;height:35px;font-size:13px}.unit .tags{font-size:8px;gap:9px;flex-wrap:wrap}.side-panel{padding:25px}.culture-grid,.music-grid{grid-template-columns:1fr}.culture-card{padding:24px}.project-voice{padding:24px}.project-voice h2{font-size:28px}.project-voice p{font-size:12px}.modal-body{padding:23px 20px}.modal-body h2{font-size:29px}.modal-header{padding:15px 18px}.audio-toolbar{gap:9px;padding:10px;font-size:9px}.audio-toolbar select{max-width:160px}.dialogue-line{grid-template-columns:26px 1fr 32px;gap:7px}.avatar{width:26px;height:26px}.play{width:32px;height:32px}.bubble{font-size:12px;padding:11px 12px}.bubble small{font-size:10px}.record-panel{padding:17px}.record-panel .target{font-size:22px}.phrase-row{padding:14px}.phrase-row b{font-size:13px}.phrase-row small{font-size:10px}.tabs button{padding:9px 14px;font-size:9px}.record-controls .btn{font-size:10px;padding-inline:16px}.recognition-notice{font-size:10px}.record-panel .fine{font-size:10px}.chat-form input{padding:12px;font-size:12px}.chat-form .btn{padding:9px 14px;gap:5px;font-size:10px}.next-row .btn{padding:12px 18px;font-size:11px}footer{padding:25px 5%;gap:15px;font-size:10px}.collaboration{padding:24px}#toast{bottom:85px;border-radius:15px;width:max-content;max-width:90vw;font-size:11px}}
@media(max-width:360px){h1{font-size:43px}.hero .actions{gap:12px}.hero .btn{padding-inline:15px}.hero .text-button{font-size:10px}.hero-art,.hero-art svg{height:290px;min-height:290px}.mode-controls{gap:7px}}
@media(max-width:700px){.header{backdrop-filter:none}}