:root{--app-surface:rgba(15,21,32,0.82);--app-surface-soft:rgba(15,21,32,0.64);--app-surface-strong:rgba(20,27,40,0.92);--app-border:rgba(148,163,184,0.24);--app-border-soft:rgba(148,163,184,0.14);--app-border-strong:rgba(148,163,184,0.32);--app-shadow:0 28px 70px rgba(5,12,24,0.45);--app-shadow-soft:0 20px 50px rgba(5,12,24,0.35);--app-radius-lg:26px;--app-radius-md:20px;--app-radius-sm:14px;--app-transition:all 0.24s ease;--app-gradient-primary:linear-gradient(135deg,#0072ff,#00e0ff);--app-gradient-hot:linear-gradient(135deg,#ffd166,#ff6b6b);--app-text-muted:rgba(198,210,231,0.76);--app-text-soft:rgba(226,232,240,0.72)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--app-border-soft);background:rgba(255,255,255,.03);color:rgba(233,237,242,.92);font-size:.875rem;font-weight:600;letter-spacing:.02em;padding:.65rem 1.3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;transition:var(--app-transition);position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);text-decoration:none}.btn:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#f6f9ff}.btn:focus-visible{outline:2px solid rgba(0,224,255,.55);outline-offset:3px;box-shadow:0 0 0 4px rgba(0,224,255,.2)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn.primary{background:var(--app-gradient-primary);border-color:rgba(0,224,255,.45);color:#020b13;box-shadow:0 20px 42px rgba(0,224,255,.28)}.btn.primary:hover{border-color:rgba(0,224,255,.6);box-shadow:0 26px 56px rgba(0,224,255,.32)}.btn.primary:disabled{background:linear-gradient(135deg,rgba(0,114,255,.6),rgba(0,224,255,.45));border-color:rgba(0,224,255,.25);color:rgba(2,11,19,.7)}.btn.ghost{background:rgba(8,15,25,.6);border-color:rgba(148,163,184,.22)}.btn.ghost:hover{border-color:rgba(0,224,255,.4);background:rgba(0,224,255,.12)}.btn.active{background:rgba(0,224,255,.18);border-color:rgba(0,224,255,.45);color:#f5fbff;box-shadow:0 18px 45px rgba(0,224,255,.22)}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(214,236,255,.85);background:rgba(0,224,255,.12);border:1px solid rgba(0,224,255,.32);font-weight:600}.auth-state{min-height:60vh;display:grid;place-items:center;padding:4rem 1.5rem}.auth-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-md);padding:2.75rem 2.25rem;text-align:center;backdrop-filter:blur(26px);box-shadow:var(--app-shadow-soft)}.auth-card__status{margin:0;color:var(--app-text-muted);font-size:.95rem;letter-spacing:.04em}.site-header{position:relative;padding:5rem 0 3.5rem;background:linear-gradient(180deg,rgba(10,15,24,.95),rgba(10,15,24,.65) 60%,transparent);border-bottom:1px solid rgba(255,255,255,.05);overflow:hidden}.site-header:before{inset:0;background:radial-gradient(circle at 15% 20%,rgba(0,224,255,.18),transparent 55%),radial-gradient(circle at 85% 35%,rgba(0,114,255,.15),transparent 50%);opacity:.6}.site-header:after,.site-header:before{content:"";position:absolute;pointer-events:none}.site-header:after{inset-inline:10%;bottom:-35%;height:70%;background:linear-gradient(135deg,rgba(0,224,255,.12),transparent 60%);filter:blur(60px)}.hero{position:relative;display:grid;gap:clamp(1.75rem,4vw,3rem);align-items:center;z-index:1}@media (min-width:1024px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.hero-copy{display:grid;gap:1.5rem;max-width:32rem}.hero-copy h1{font-size:clamp(2.25rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.01em;margin:0;color:#f5f7fb}.hero-subtitle{margin:0;font-size:1.05rem;color:var(--app-text-muted)}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;background:rgba(0,224,255,.12);border:1px solid rgba(0,224,255,.35);color:rgba(214,236,255,.85);font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.hero-session{display:grid;gap:.25rem;padding:.75rem 1rem;border-radius:var(--app-radius-sm);background:rgba(8,14,24,.6);border:1px solid rgba(148,163,184,.18);color:rgba(233,237,242,.88);min-width:14rem}.hero-session strong{color:#f8fbff}.hero-session__note{font-size:.8rem;color:var(--app-text-soft)}.hero-visual{position:relative;display:grid;place-items:center}.hero-visual:after{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 50% 50%,rgba(0,224,255,.14),transparent 65%);filter:blur(40px);pointer-events:none}.hero-orbit{position:relative;width:clamp(220px,32vw,320px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 50% 25%,rgba(0,224,255,.3),transparent 65%),radial-gradient(circle at 80% 80%,rgba(255,209,102,.25),transparent 70%),rgba(7,13,24,.75);border:1px solid rgba(0,224,255,.2);display:grid;place-items:center;box-shadow:0 30px 90px rgba(0,224,255,.16),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;backdrop-filter:blur(24px)}.hero-orbit:before{content:"";position:absolute;inset:12%;border-radius:inherit;border:1px dashed rgba(0,224,255,.25);opacity:.7}.hero-orbit__core{position:relative;z-index:1;display:grid;place-items:center;gap:.25rem;width:68%;aspect-ratio:1;border-radius:inherit;background:rgba(5,12,24,.75);border:1px solid rgba(0,224,255,.32);box-shadow:inset 0 0 16px rgba(0,224,255,.22)}.hero-orbit__title{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(214,236,255,.75)}.hero-orbit__value{font-size:clamp(2.85rem,6vw,3.6rem);line-height:1;font-weight:700;color:#f7fbff}.hero-orbit__caption{font-size:.75rem;color:rgba(214,236,255,.7);text-align:center}.hero-orbit__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;justify-content:center;padding:0;list-style:none}@media (max-width:767px){.hero{text-align:center}.hero-actions{justify-content:center}.hero-session{justify-items:center}.hero-visual{order:-1}}.play-page{position:relative;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3.5rem,8vw,5.5rem);z-index:0}.play-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 90%,rgba(0,224,255,.1),transparent 55%),radial-gradient(circle at 90% 10%,rgba(0,114,255,.12),transparent 60%);opacity:.6;pointer-events:none}.play-page>*{position:relative;z-index:1}.area-switch{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.75rem;border-radius:var(--app-radius-md);background:rgba(7,12,20,.7);border:1px solid rgba(148,163,184,.16);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.area-switch .btn{min-width:max(8.25rem,-moz-fit-content);min-width:max(8.25rem,fit-content)}.experience-grid{margin-top:2.5rem;display:grid;gap:2rem}.area{display:grid;gap:1.5rem;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:var(--app-shadow-soft);backdrop-filter:blur(26px);animation:fadeIn .4s ease}.area.hidden{display:none}.area h2{font-size:1.5rem;margin:0;color:#f1f5fb}.area p{margin:0;color:var(--app-text-muted);max-width:60ch}.systems-area{gap:1.75rem}.systems-lessons{display:grid;gap:1.5rem}@media (min-width:992px){.systems-lessons{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.audio-area{display:grid;gap:1rem;background:rgba(9,16,26,.65);border:1px solid rgba(148,163,184,.18);border-radius:var(--app-radius-md);padding:1.25rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.audio-area h3{margin:0;color:#f5f9ff}.audio-area p{margin:0;color:var(--app-text-muted);font-size:.95rem}.sop-sim-root{display:grid;gap:1rem;background:rgba(9,15,26,.6);border:1px dashed rgba(0,224,255,.25);border-radius:var(--app-radius-md);padding:1.5rem;min-height:260px}.site-footer{padding:3rem 0 4rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(7,11,19,.6);text-align:center;color:var(--app-text-soft);font-size:.9rem;letter-spacing:.04em}.mode-switch{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem;border-radius:999px;background:rgba(7,12,22,.7);border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);margin-bottom:1.5rem;backdrop-filter:blur(18px)}.mode-switch .btn{min-width:6.5rem}.card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);padding:clamp(1.5rem,3vw,2rem);box-shadow:var(--app-shadow-soft);backdrop-filter:blur(26px);display:grid;gap:1.4rem}.mode-pane{gap:1.75rem}.study-start{display:grid;gap:1.25rem;justify-items:flex-start}.study-start__actions{display:flex;flex-wrap:wrap;gap:.75rem}.study-start__button{min-width:8.5rem}.study-start__config{display:grid;gap:.5rem}.study-filters{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.study-filters .field{flex:1 1 240px}.field{display:grid;gap:.4rem;min-width:0}.field--compact{flex:0 0 min(12rem,100%)}.field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(199,210,228,.7)}.field input,.field select,.locale-switcher__select{width:100%;border-radius:12px;padding:.6rem .85rem;border:1px solid rgba(148,163,184,.18);background:rgba(8,14,24,.7);color:rgba(233,237,242,.92);transition:border .2s ease,box-shadow .2s ease;font-size:.9rem;line-height:1.4;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.field select,.locale-switcher__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(0,224,255,.6) 0),linear-gradient(135deg,rgba(0,224,255,.6) 50%,transparent 0);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2.5rem}.field input:focus,.field select:focus,.locale-switcher__select:focus{outline:none;border-color:rgba(0,224,255,.45);box-shadow:0 0 0 3px rgba(0,224,255,.18)}.info-text{color:rgba(226,232,240,.78);font-size:.92rem;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.14);border-radius:var(--app-radius-sm);padding:.85rem 1rem;margin:0}.info-text--warning{border-color:rgba(255,209,102,.45);background:rgba(255,209,102,.12);color:rgba(255,240,205,.9)}.immersive-study{display:grid;gap:1.5rem}.study-meta{flex-wrap:wrap;justify-content:space-between;gap:1rem}.study-meta,.study-meta__info{display:flex;align-items:center}.study-meta__info{gap:.75rem}.stat{font-size:.9rem;color:rgba(229,231,235,.85);letter-spacing:.06em}.study-immersive-card{background:rgba(9,15,26,.65);border:1px solid rgba(148,163,184,.18);border-radius:var(--app-radius-md);padding:1.5rem;display:grid;gap:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.study-question{margin:0;font-size:1.1rem;color:#f5f9ff;line-height:1.5}.study-answer{display:grid;gap:.75rem;color:rgba(222,229,242,.88);font-size:.98rem;line-height:1.6}.study-answer-list{padding-left:1.25rem}.study-answer-paragraph{margin:0}.progress{width:100%;height:5px;border-radius:999px;background:rgba(148,163,184,.2);overflow:hidden}.progress-bar{height:100%;background:var(--app-gradient-primary);transition:width .2s ease}.study-controls,.test-controls{display:flex;flex-wrap:wrap;gap:.75rem}.study-controls__reveal{min-width:8.5rem}.test-immersive{display:grid;gap:1.5rem}.test-card{background:rgba(9,15,26,.65);border:1px solid rgba(148,163,184,.18);border-radius:var(--app-radius-md);padding:1.5rem;display:grid;gap:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.test-card__meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--app-text-soft)}.test-card__question{margin:0;font-size:1.05rem;color:#f5f9ff;line-height:1.5}.test-card__tag{align-self:flex-start}.options{display:grid;gap:.85rem}.option{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--app-radius-sm);background:rgba(9,15,26,.55);border:1px solid rgba(148,163,184,.18);transition:var(--app-transition)}.option:hover{border-color:rgba(0,224,255,.3)}.option input{accent-color:#00e0ff;margin-top:.2rem}.option.correct{border-color:rgba(0,224,255,.55);background:rgba(0,224,255,.08);box-shadow:0 0 30px rgba(0,224,255,.2)}.option.wrong{border-color:rgba(255,107,107,.55);background:rgba(255,107,107,.08)}.test-feedback{background:rgba(0,224,255,.12);border:1px solid rgba(0,224,255,.3);border-radius:var(--app-radius-sm);color:rgba(214,236,255,.9);padding:.75rem 1rem}.test-report{display:grid;gap:1.5rem;margin-top:1.5rem;background:rgba(8,14,24,.6);border:1px solid rgba(148,163,184,.18);border-radius:var(--app-radius-md);padding:1.5rem}.test-report__summary{display:grid;gap:.4rem;color:rgba(226,232,240,.9)}.test-report__section{display:grid;gap:1rem}.test-report__items{display:grid;gap:1.25rem;list-style:none;padding:0;margin:0}.test-report__item{display:grid;gap:.75rem;padding:1rem 1.2rem;border-radius:var(--app-radius-sm);background:rgba(9,15,26,.6);border:1px solid rgba(148,163,184,.18)}.test-report__question{margin:0;font-size:1rem;color:#f5f9ff}.test-report__prompt{margin:0;color:var(--app-text-soft)}.test-report__answers{display:grid;gap:.75rem;background:rgba(255,255,255,.02);border-radius:var(--app-radius-sm);padding:.75rem .85rem;border:1px solid rgba(148,163,184,.12)}.test-report__answers strong{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(214,236,255,.75)}.test-report__answer-text,.test-report__explanation{margin:.25rem 0 0;color:rgba(233,237,242,.88);font-size:.95rem;line-height:1.5}.test-report__empty{margin:0;color:var(--app-text-muted)}.audio-lessons{display:grid;gap:2rem;margin:0 auto;max-width:960px;padding:clamp(2rem,5vw,3rem) 0}.audio-lessons__header h1{margin:0;font-size:2rem;color:#f7f9ff}.audio-lessons__header p{margin:.75rem 0 0;color:var(--app-text-muted);font-size:1rem;max-width:52ch}.audio-lessons__list ul{list-style:none;display:grid;gap:1rem;padding:0;margin:0}.audio-lessons__item{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:var(--app-radius-md);background:rgba(8,14,24,.7);border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);flex-wrap:wrap}.audio-lessons__item strong{color:#f5f9ff;font-size:1rem}.audio-lessons__system{color:var(--app-text-soft);font-size:.9rem}.audio-lessons__duration{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,224,255,.75);background:rgba(0,224,255,.1);border:1px solid rgba(0,224,255,.2);border-radius:999px;padding:.2rem .6rem;margin-left:.75rem}.audio-lessons__actions{display:flex;gap:.75rem}.audio-lesson-page{max-width:960px;margin:0 auto;display:grid;gap:1.5rem;padding:clamp(2rem,5vw,3rem) 1.5rem 4rem}.audio-lesson-page nav{display:flex}.audio-lesson-wrapper{background:rgba(8,14,24,.65);border:1px solid rgba(148,163,184,.18);border-radius:var(--app-radius-lg);padding:clamp(1.5rem,3vw,2rem);box-shadow:var(--app-shadow-soft);backdrop-filter:blur(24px)}.locale-switcher__label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(199,210,228,.7)}.locale-switcher__select{min-height:2.5rem}@media (max-width:992px){.study-meta{gap:1.5rem}}@media (max-width:768px){.study-start{justify-items:stretch}.study-filters{flex-direction:column}.field--compact,.study-filters .field{width:100%}}@media (max-width:640px){.area-switch{justify-content:center}.audio-lessons__item{flex-direction:column;align-items:flex-start}.audio-lessons__actions{width:100%;justify-content:flex-start}}