@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");:root{--brand:#0e3a47;--brand-2:#0d9488;--aqua:#2dd4bf;--aqua-soft:#d6f5ef;--fg:#13262b;--muted:#5b7078;--border:#d8e6e6;--accent:#0d9488;--accent-bg:#e8f7f4;--card:#ffffff;--bg:#eaf4f3;--danger:#c1453c;--radius:12px;--shadow:0 1px 2px rgba(14,58,71,0.05),0 10px 30px rgba(14,58,71,0.07);--shadow-sm:0 1px 2px rgba(14,58,71,0.06)}*{box-sizing:border-box}body{margin:0;color:var(--fg);font-family:Manrope,system-ui,-apple-system,sans-serif;line-height:1.55;background:radial-gradient(1100px 520px at 50% -240px,#e3f5f1,transparent 70%),var(--bg);min-height:100dvh}h1{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 2px}h2{font-size:17px;font-weight:600;margin:0 0 6px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;font-weight:600;padding:9px 15px;border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:10px;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease}button:hover{border-color:var(--brand-2);box-shadow:var(--shadow-sm)}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}button.primary{background:linear-gradient(180deg,#13a695,#0c8a7b);color:#fff;border:1px solid transparent}button.primary:hover{filter:brightness(1.06);border-color:transparent}input[type=password],input[type=text],select{font:inherit;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--fg);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--aqua);box-shadow:0 0 0 3px var(--aqua-soft)}input[type=checkbox]{width:16px;height:16px}input[type=checkbox],input[type=range]{accent-color:var(--brand-2)}.card{border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.card,.row{background:var(--card)}.row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:6px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.row:hover{border-color:var(--brand-2);box-shadow:var(--shadow-sm)}.muted{color:var(--muted);font-size:13px}.steps{margin:18px 0;flex-wrap:wrap}.step,.steps{display:flex;gap:8px}.step{align-items:center;padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:var(--card);cursor:pointer;font-weight:600;color:var(--muted);box-shadow:none}.step:hover{border-color:var(--brand-2)}.step.active{border-color:transparent;background:linear-gradient(180deg,#13a695,#0c8a7b);color:#fff;box-shadow:var(--shadow)}.seg{display:inline-flex;background:var(--accent-bg);border-radius:11px;padding:3px;gap:3px}.seg button{border:none;background:transparent;color:var(--muted);box-shadow:none;border-radius:8px;padding:7px 14px}.seg button:hover{box-shadow:none;color:var(--fg)}.seg button.on{background:#fff;color:var(--brand);box-shadow:var(--shadow-sm)}.rank{width:26px;height:26px;border-radius:8px;background:var(--accent-bg);color:var(--brand-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.progress{height:8px;background:var(--aqua-soft);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0c8a7b,#2dd4bf);transition:width .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade{animation:fadeUp .35s ease both}.eq{display:inline-flex;align-items:flex-end;gap:3px;height:22px}.eq i{width:3px;height:30%;border-radius:2px;background:var(--aqua);animation:eqbar 1.1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}.eq i:nth-child(4){animation-delay:.45s}.eq i:nth-child(5){animation-delay:.6s}.eq i:nth-child(6){animation-delay:.75s}@keyframes eqbar{0%,to{height:22%}50%{height:100%}}@keyframes ping{0%{transform:scale(.7);opacity:.6}to{transform:scale(1.9);opacity:0}}@keyframes winpulse{0%,to{opacity:.28}50%{opacity:1}}@keyframes axglow{0%,to{filter:brightness(1)}50%{filter:brightness(1.32)}}@keyframes wavepulse{0%,to{transform:scaleY(.9)}50%{transform:scaleY(1.08)}}