:root{font-family:Manrope,Segoe UI,sans-serif;color:#162633}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#162633;background:radial-gradient(850px 420px at 84% -8%,rgba(17,124,165,.28),transparent 58%),radial-gradient(680px 380px at -12% 108%,rgba(243,99,74,.2),transparent 58%),linear-gradient(150deg,#f4f8fa,#e9f0f5)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(22,61,84,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,61,84,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 58% 18%,black 0%,black 58%,transparent 100%);mask-image:radial-gradient(circle at 58% 18%,black 0%,black 58%,transparent 100%)}.layout{min-height:100vh;display:grid;place-items:center;padding:clamp(10px,2vh,22px) clamp(12px,2.2vw,24px)}.layout-login{min-height:calc(100vh - clamp(20px,4vh,44px));height:calc(100vh - clamp(20px,4vh,44px));max-height:calc(100dvh - clamp(20px,4vh,44px));grid-template-columns:minmax(280px,1.1fr) minmax(320px,.9fr);gap:clamp(12px,2.2vw,22px);align-items:stretch;overflow:hidden}.hero-panel,.card{background:#ffffffdb;border:1px solid rgba(255,255,255,.72);border-radius:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 42px #0c2a3c1f}.hero-panel{width:min(760px,95vw);height:100%;min-height:0;padding:clamp(16px,2.6vh,28px) clamp(16px,2.2vw,28px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:auto}.hero-panel:after{content:"";position:absolute;width:210px;height:210px;border-radius:999px;right:-42px;top:-52px;background:radial-gradient(circle at 35% 35%,#0e8db77a,#0e8db700)}.hero-panel:before{content:"";position:absolute;inset:auto 28px 26px auto;width:180px;height:180px;border-radius:28px;background:linear-gradient(145deg,#0d7ea229,#ffffff0a);border:1px solid rgba(19,126,164,.18);transform:rotate(12deg)}.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#0d7ea214;border:1px solid rgba(13,126,162,.16);color:#0c617f;font-weight:800;font-size:.82rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;color:#2f5368;font-weight:800}h1,h2,h3,p{margin:0}.hero-panel h1{margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,4.2rem);letter-spacing:.01em;color:#0f2f42}.hero-copy{margin-top:8px;max-width:56ch;line-height:1.5;color:#365468;font-size:clamp(.92rem,1.5vw,1.02rem)}.hero-highlights{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;z-index:1}.highlight-card{background:linear-gradient(180deg,#ffffffd1,#f4fafdb3);border:1px solid rgba(170,205,221,.5);border-radius:14px;padding:12px;box-shadow:0 10px 22px #0a304212}.highlight-card strong{display:inline-flex;font-family:Space Grotesk,sans-serif;color:#0b7799;font-size:.95rem;margin-bottom:6px}.highlight-card h3{font-size:.92rem;color:#112f41;margin-bottom:5px}.highlight-card p{color:#446173;line-height:1.42;font-size:.82rem;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.hero-tags span{padding:8px 14px;border-radius:999px;background:#eef7fb;border:1px solid #c9dfeb;color:#20475d;font-weight:700;font-size:.86rem}.hero-showcase{margin-top:14px;position:relative;min-height:180px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:10px;align-items:end}.showcase-panel,.showcase-floating-card{border-radius:22px;border:1px solid rgba(173,208,222,.52);background:linear-gradient(180deg,#fffffff2,#f4fafdd6);box-shadow:0 16px 34px #0c2a3c1f}.showcase-panel{padding:12px;position:relative}.showcase-panel-main{min-height:170px;display:flex;flex-direction:column;justify-content:space-between;animation:floatPanel 6s ease-in-out infinite}.showcase-panel-side{min-height:130px;align-self:center;animation:floatPanel 7s ease-in-out infinite reverse}.showcase-panel-header{display:flex;gap:8px}.showcase-dot{width:10px;height:10px;border-radius:999px;background:#c5dbe7}.showcase-score{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3.2vw,2.4rem);color:#0d7ea2;line-height:1;margin-top:10px}.showcase-panel p,.showcase-panel-side p{color:#4a6779;line-height:1.55}.showcase-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end;min-height:82px;margin-top:8px}.showcase-bars span{display:block;height:var(--bar-size);min-height:36px;border-radius:16px 16px 10px 10px;background:linear-gradient(180deg,#16a0ca,#0a769a);animation:pulseBars 4.2s ease-in-out infinite}.showcase-bars span:nth-child(2){animation-delay:.35s}.showcase-bars span:nth-child(3){animation-delay:.7s}.showcase-bars span:nth-child(4){animation-delay:1.05s}.showcase-chip{display:inline-flex;align-items:center;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#ecf7fb;color:#0d7496;font-weight:800;font-size:.74rem}.showcase-panel-side h4{margin-bottom:7px;color:#113144;font-size:.92rem}.showcase-floating-card{position:absolute;padding:9px 10px;min-width:160px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.showcase-floating-card span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#5b7384;margin-bottom:6px;font-weight:800}.showcase-floating-card strong{color:#14354a;font-size:.86rem}.floating-a{left:28px;bottom:-18px;animation:driftCard 5.4s ease-in-out infinite}.floating-b{right:12px;top:12px;animation:driftCard 6.2s ease-in-out infinite reverse}.card{width:min(520px,95vw);padding:clamp(20px,4vw,34px)}.login-panel{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:auto;height:100%;min-height:0}.login-panel:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#0d7ea2,#13a0c8 60%,#f07d49)}.login-panel-header{margin-bottom:10px}.panel-kicker{text-transform:uppercase;letter-spacing:.1em;color:#4f6d80;font-size:.75rem;font-weight:800;margin-bottom:8px}.login-panel h2,.app-panel h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,2.5vw,1.7rem);color:#0f2f42}.muted{margin-top:6px;margin-bottom:10px;color:#416174;line-height:1.45}form{margin-top:10px}.login-form-shell{margin-top:10px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#f7fbfdf2,#edf6fae0);border:1px solid #d8e8ef}.input-label{margin-bottom:10px}.code-field-wrap{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border-radius:16px;background:#fff;border:1px solid #cadeea;box-shadow:inset 0 1px #ffffffb3;margin-bottom:12px}.code-field-wrap:focus-within{border-color:#56a9c5;box-shadow:0 0 0 4px #56a9c529}.code-prefix{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#ecf6fa;color:#0d7496;font-family:Space Grotesk,sans-serif;font-weight:700}input,select,button{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #cadeea;margin-bottom:12px;font-size:.97rem;font-family:inherit}input,select{background:#fff;color:#18384d}.code-field-wrap input{margin-bottom:0;border:none;padding:10px 8px 10px 0;font-size:1.3rem;letter-spacing:.22em;font-family:Space Grotesk,sans-serif;background:transparent;box-shadow:none}.code-field-wrap input:focus{box-shadow:none}.input-help{margin-top:-4px;margin-bottom:10px;color:#5a7485;font-size:.9rem}input:focus,select:focus{outline:none;border-color:#56a9c5;box-shadow:0 0 0 4px #56a9c538}button{cursor:pointer;border:none;background:linear-gradient(135deg,#0d7ea2,#13a0c8);color:#fff;font-weight:800;letter-spacing:.01em;box-shadow:0 12px 24px #0e6d8d45;transition:transform .2s ease,box-shadow .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #0e6d8d52}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-ghost{width:auto;margin:0;padding:10px 12px;background:#eff5f8;color:#1d4358;border:1px solid #d3e4ed;box-shadow:none}.btn-ghost:hover:not(:disabled){box-shadow:none;transform:translateY(0);background:#e2edf3}.headerRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.error{color:#b43333;font-weight:700;margin-top:10px;padding:12px 14px;border-radius:14px;background:#fff1f1;border:1px solid #f2c9c9}.links{margin-top:6px}.links-grid{display:grid;grid-template-columns:1fr;gap:9px}.links-grid a{text-decoration:none;background:#f5fafc;border:1px solid #d7e8f0;border-radius:10px;padding:10px 12px;color:#204a61;font-weight:700;transition:background-color .2s ease,transform .2s ease}.links-grid a:hover{background:#ebf6fb;transform:translate(2px)}.app-panel{width:min(760px,95vw)}.selection-panel,.exercise-panel{position:relative;overflow:hidden}.selection-panel:before,.exercise-panel:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#0d7ea2,#13a0c8 60%,#f07d49)}.selection-hero{margin-bottom:22px}.selection-header{margin-bottom:8px}.selection-summary-cards{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.selection-summary-card{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#f9fcfefa,#edf6fae6);border:1px solid #d6e7ef;box-shadow:0 12px 24px #0c2a3c14}.selection-summary-card span{display:block;margin-bottom:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#597383;font-weight:800}.selection-summary-card strong{color:#123348;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.selection-summary-card-accent{background:linear-gradient(145deg,#0f7da2,#1499c0);border-color:#ffffff2e}.selection-summary-card-accent span,.selection-summary-card-accent strong{color:#fff}.selection-grid{display:grid;gap:18px}.selection-block{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f8fcfefa,#eef7fbe6);border:1px solid #d9e8f0}.selection-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.selection-hint{color:#587181;font-size:.88rem}.choice-grid{display:grid;gap:12px}.class-choice-grid,.subject-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{width:100%;margin:0;padding:16px;text-align:left;border-radius:18px;border:1px solid #d8e7ef;background:#fff;color:#18384d;box-shadow:0 10px 20px #0f32430f}.choice-card:hover:not(:disabled){transform:translateY(-2px)}.choice-card.active{background:linear-gradient(145deg,#0f7da2,#1499c0);border-color:#ffffff26;color:#fff}.choice-card-kicker{display:block;font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;opacity:.72;margin-bottom:8px;font-weight:800}.choice-card strong{display:block;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.choice-card-subject{display:flex;align-items:center;gap:10px}.choice-card-icon{font-size:1.3rem}.selection-actions{margin-top:18px}.exercise-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.exercise-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.exercise-progress-percent{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eaf6fb;color:#0d7598;font-weight:800;font-size:.85rem}.exercise-progress-track{height:12px;border-radius:999px;background:#e6f0f5;overflow:hidden;margin-bottom:18px}.exercise-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d7ea2,#13a0c8 55%,#f07d49);transition:width .25s ease}.exercise-focus-card{padding:clamp(22px,4vw,38px);border-radius:24px;background:radial-gradient(220px 120px at 85% 10%,rgba(19,160,200,.12),transparent 70%),linear-gradient(180deg,#fafdfffa,#eff7fbe6);border:1px solid #d9e8f0;box-shadow:0 16px 28px #0c2a3c14;margin-bottom:18px}.exercise-focus-kicker{display:inline-flex;margin-bottom:12px;padding:8px 12px;border-radius:999px;background:#eaf6fb;color:#0d7598;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.exercise-actions{justify-content:flex-start}.exercise-nav-btn{width:auto}.login-note{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:16px;background:#f6fafc;border:1px solid #dce9f0}.login-note-icon{font-size:1.15rem;line-height:1}.login-note p{color:#4b6677;line-height:1.55}@keyframes floatPanel{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes driftCard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.6deg)}}@keyframes pulseBars{0%,to{filter:saturate(1);transform:scaleY(1)}50%{filter:saturate(1.08);transform:scaleY(1.03)}}label{display:block;margin:4px 0 8px;color:#274a5f;font-weight:700}.session-meta{color:#204357}.timer-chip{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:7px 12px;border-radius:999px;background:#eaf6fb;border:1px solid #cde3ee;color:#145476;font-family:Space Grotesk,sans-serif}.question-title{margin:14px 0 18px;line-height:1.45;font-size:clamp(1.1rem,2.1vw,1.45rem);color:#112f41}.row{display:flex;gap:12px}.results-list{margin-top:14px;margin-bottom:16px;padding-left:0;list-style:none;display:grid;gap:10px}.results-list li{border:1px solid #d7e6ee;border-radius:12px;padding:12px 14px;background:#f8fcfe;line-height:1.5}.results-panel{position:relative;overflow:hidden}.results-panel:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#0d7ea2,#13a0c8 55%,#f07d49)}.results-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.results-time{min-width:110px;font-size:1rem}.results-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.result-stat-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,#f9fcfefa,#edf6fae6);border:1px solid #d6e7ef;box-shadow:0 12px 24px #0c2a3c14}.result-stat-card-accent{background:linear-gradient(145deg,#0f7da2,#1499c0);border-color:#ffffff2e}.result-stat-card-accent .result-stat-label,.result-stat-card-accent strong,.result-stat-card-accent p{color:#fff}.result-stat-label{display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;color:#5e7888;font-weight:800}.result-stat-card strong{display:block;margin-bottom:8px;color:#103348;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.result-stat-card p{color:#4d6879;line-height:1.55;font-size:.92rem}.results-list li{padding:16px;border-radius:16px;background:linear-gradient(180deg,#fbfdfe,#f3f9fc)}.results-item-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.results-item-index,.results-item-difficulty{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:800}.results-item-index{background:#eaf6fb;color:#0d7598}.results-item-difficulty{background:#fff2e7;color:#b6642e}.results-item-question{display:block;color:#143247;font-size:1rem;line-height:1.55;margin-bottom:10px}.results-item-answer{display:block;color:#2b8c59;font-style:normal;font-weight:700;line-height:1.55}.results-actions{display:flex;justify-content:flex-start}@media (max-width: 980px){.layout-login{grid-template-columns:1fr;height:auto;min-height:100vh}.hero-panel,.card,.app-panel{width:min(760px,96vw)}.hero-panel{min-height:auto}.hero-highlights{grid-template-columns:1fr}.hero-showcase{grid-template-columns:1fr;min-height:auto;padding-bottom:32px}.showcase-panel-side{min-height:0}.hero-panel,.login-panel{height:auto}.results-summary-grid{grid-template-columns:1fr}.selection-summary-cards,.class-choice-grid,.subject-choice-grid{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.row,.headerRow{flex-direction:column;align-items:stretch}.btn-ghost{width:100%}.hero-topline{align-items:flex-start}.login-form-shell{padding:14px}.code-field-wrap{grid-template-columns:42px minmax(0,1fr)}.code-field-wrap input{font-size:1.08rem;letter-spacing:.16em}.hero-highlights,.hero-showcase{display:none}.showcase-floating-card{position:static;min-width:0}.hero-showcase{padding-bottom:0}.results-hero,.results-item-topline{flex-direction:column;align-items:flex-start}.results-actions button{width:100%}.selection-block-head,.exercise-topbar,.exercise-progress-head{flex-direction:column;align-items:flex-start}.selection-summary-cards,.class-choice-grid,.subject-choice-grid{grid-template-columns:1fr}.choice-card-subject{align-items:center}.exercise-nav-btn{width:100%}}@media (max-height: 900px){.layout-login{gap:10px}.hero-showcase{display:none}.hero-panel h1{font-size:clamp(1.8rem,5.4vw,3.2rem)}}@media (max-height: 800px){.hero-highlights{display:none}.hero-tags{margin-top:10px}.login-note{display:none}}@media (max-height: 720px){.layout{padding:8px 10px}.layout-login{min-height:calc(100dvh - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);gap:8px}.hero-tags{display:none}.login-form-shell{margin-top:8px;padding:12px}.muted,.input-help{margin-bottom:8px}input,select,button{padding:10px 12px;margin-bottom:10px}}.layout-login{perspective:1200px}.hero-panel{background:radial-gradient(340px 220px at 88% 8%,rgba(23,176,214,.22),transparent 68%),radial-gradient(300px 180px at 8% 92%,rgba(255,128,64,.18),transparent 68%),linear-gradient(165deg,#f8fdfff2,#ecf7fce6);border:1px solid rgba(120,190,216,.38);box-shadow:0 22px 42px #08344c24,inset 0 1px #ffffffa8;transform:rotateY(-1.2deg)}.hero-scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(19,125,162,.05) 1px,transparent 1px);background-size:100% 5px;-webkit-mask-image:linear-gradient(transparent 0%,black 22%,black 78%,transparent 100%);mask-image:linear-gradient(transparent 0%,black 22%,black 78%,transparent 100%);animation:scanShift 7.5s linear infinite}.hero-badge{background:#0972941f;border-color:#09729447;color:#0a6686}.neon-word{display:inline-flex;margin-left:6px;color:#0a7599;text-shadow:0 0 14px rgba(18,156,201,.34)}.hero-showcase{margin-top:16px}.showcase-panel,.showcase-floating-card{background:linear-gradient(180deg,#fffffff7,#ecf8fde6);border:1px solid rgba(139,197,219,.5)}.showcase-score{text-shadow:0 0 14px rgba(19,162,205,.28)}.showcase-chip{background:linear-gradient(135deg,#e9f7fe,#e2f1fa)}.signal-strip{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.signal-strip span{padding:8px 12px;border-radius:999px;border:1px solid rgba(126,187,210,.45);background:#ffffffb8;color:#2d5f76;font-weight:700;font-size:.8rem}.login-panel{background:radial-gradient(280px 160px at 5% 0%,rgba(16,157,199,.14),transparent 65%),linear-gradient(180deg,#fffffff5,#f0f8fce8);border:1px solid rgba(118,186,211,.45);box-shadow:0 22px 38px #0b2c3e24,inset 0 1px #ffffffb3}.login-form-shell{border-color:#92c6d8a6;background:linear-gradient(180deg,#fcfefffa,#eaf6fce6)}.code-field-wrap{border-color:#7ab7d08a;box-shadow:inset 0 1px #ffffffbd,0 0 0 1px #b8dfee59}.code-prefix{background:linear-gradient(160deg,#edf8fd,#dff2fa);color:#0d7598}.code-field-wrap input{color:#08364b}button{background:linear-gradient(130deg,#0c81a7,#12a5cf 60%,#f47d4f);box-shadow:0 14px 28px #0d617f4f}.login-note{background:#f4fbffeb;border-color:#afd8e8b3}.login-note-icon{color:#1187ae;font-size:1.05rem;margin-top:2px}@keyframes scanShift{0%{transform:translateY(-6px);opacity:.35}50%{transform:translateY(8px);opacity:.6}to{transform:translateY(-6px);opacity:.35}}@media (max-width: 980px){.hero-panel{transform:none}}@media (max-width: 700px){.signal-strip{display:none}}.layout-login{position:relative}.layout-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#f4fafd6b,#e8f3f857),url(/assets/img/bg.png) center / cover no-repeat;opacity:.56;pointer-events:none;z-index:0}.layout-login:after{content:"";position:fixed;inset:auto auto 6vh 4vw;width:min(28vw,260px);height:min(28vw,260px);border-radius:999px;background:radial-gradient(circle,#f38c5338,#f38c5300 72%);pointer-events:none;filter:blur(10px)}.hero-panel,.login-panel{border-radius:32px;position:relative;z-index:1}.hero-panel{padding:clamp(22px,3vw,34px);background:linear-gradient(180deg,#ffffff94,#ffffff94),radial-gradient(420px 240px at 90% 8%,rgba(44,160,181,.2),transparent 68%),radial-gradient(340px 200px at 8% 100%,rgba(240,137,82,.16),transparent 70%),linear-gradient(160deg,#fafdfff7,#edf5f9f0);transform:none}.hero-panel:before{inset:auto 18px 20px auto;width:156px;height:156px;border-radius:24px;opacity:.9}.hero-panel h1{max-width:10ch;margin-top:14px;font-family:"DM Serif Display",serif;font-size:clamp(2.8rem,6vw,5rem);line-height:.94;letter-spacing:-.03em}.neon-word{display:inline;margin-left:0;color:#107597;text-shadow:none}.hero-copy{margin-top:16px;max-width:52ch;font-size:clamp(.8rem,1.2vw,1rem);line-height:1.7;color:#3d5d6f}.hero-flow{margin-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.flow-step{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#eff9fdfa,#e5f3f9e6);border:1px solid rgba(160,203,218,.72);color:#1c4960;font-size:.84rem;font-weight:700;letter-spacing:.01em}.flow-arrow{color:#0d7ea2;font-size:1rem;font-weight:800;line-height:1}.hero-badge{padding:10px 14px;font-size:.8rem;background:#11769417}.hero-highlights{margin-top:24px;gap:12px}.highlight-card{padding:16px;border-radius:18px;background:#ffffffd1;border:1px solid rgba(160,202,217,.58);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.highlight-card svg{display:block;margin:0 auto}.highlight-card strong{margin-bottom:10px;color:#0e7597;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase}.highlight-card h3{font-size:1rem;margin-bottom:8px;color:#113549}.highlight-card p{display:block;font-size:.88rem;line-height:1.5}.hero-tags{margin-top:18px}.hero-tags span{background:#f4f9fceb;border-color:#aaccdae6}.hero-showcase{margin-top:24px;gap:14px;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr)}.showcase-panel-main,.showcase-panel-side,.showcase-floating-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.showcase-panel-main{min-height:220px}.showcase-kicker{display:inline-flex;align-items:center;width:fit-content;padding:7px 10px;border-radius:999px;background:#edf7fb;color:#0d7496;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.showcase-score{margin-top:14px;font-size:clamp(2.1rem,4.2vw,3.4rem);text-shadow:none}.showcase-panel p,.showcase-panel-side p,.showcase-floating-card strong{line-height:1.55}.signal-strip{margin-top:18px}.signal-strip span{background:#ffffffd6}.login-panel{padding:clamp(22px,3.4vw,34px);background:radial-gradient(300px 180px at 8% 0%,rgba(28,159,195,.14),transparent 66%),linear-gradient(180deg,#fffffff7,#f1f7fbf0)}.login-panel-header{margin-bottom:16px}.login-panel h2{font-size:clamp(1.55rem,2.8vw,2rem)}.muted{line-height:1.6}.access-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.access-step{padding:12px;border-radius:16px;background:#f6fbfdf0;border:1px solid rgba(211,230,238,.9)}.access-step span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:10px;border-radius:999px;background:#0d7ea2;color:#fff;font-weight:800;font-size:.84rem}.access-step p{color:#315368;font-size:.88rem;line-height:1.45}.login-form-shell{padding:16px;border-radius:22px}.input-label{font-size:.95rem}.code-field-wrap{padding:10px;border-radius:18px}.code-prefix{width:42px;height:42px}.code-field-wrap input{font-size:1.35rem}.login-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.login-trust-grid article{padding:14px;border-radius:18px;background:#f8fbfdeb;border:1px solid rgba(219,234,240,.95)}.login-trust-grid strong{display:block;margin-bottom:8px;color:#18384d;font-size:.93rem}.login-trust-grid p{color:#547181;line-height:1.5;font-size:.86rem}.login-note{margin-top:12px;padding:12px 14px}@media (max-width: 980px){.hero-panel h1{max-width:none}.access-steps,.login-trust-grid{grid-template-columns:1fr}}@media (max-width: 700px){.hero-panel h1{font-size:clamp(2.4rem,12vw,3.2rem)}.hero-copy{font-size:.96rem}.hero-flow{gap:6px}.flow-step{font-size:.78rem;padding:6px 10px}.flow-arrow{font-size:.9rem}.access-steps{gap:8px}.access-step{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px}.access-step span{margin-bottom:0}}