:root{color-scheme:dark;--bg:#07111f;--card:#122139;--line:#2b405c;--text:#eaf3ff;--muted:#bacbe0;--brand:#5bc8ff;--accent:#7df1ce}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0%,#143558,transparent 45%),var(--bg);color:var(--text);font:16px/1.6 system-ui,Segoe UI,sans-serif}a{color:#8fdbff}header,main,footer{max-width:1120px;margin:auto;padding:18px 22px}header{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:7px 13px}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;max-width:850px}h2{font-size:1.65rem}p{color:var(--muted)}.hero{padding:50px 0 28px}.eyebrow{font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}.card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:22px}.card h2,.card h3{margin-top:5px}.btn,button{display:inline-block;color:#061526;background:var(--brand);text-decoration:none;border:0;border-radius:10px;padding:10px 16px;font-weight:750;cursor:pointer}.secondary{background:#233952;color:#fff}button:hover,.btn:hover{filter:brightness(1.1)}input,select,textarea{background:#09192c;color:#fff;border:1px solid #6686a4;border-radius:9px;padding:12px;width:100%;font:inherit}label{display:block;margin:12px 0;font-weight:650}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.muted,small{color:var(--muted)}.app{display:flex;gap:13px}.app img{width:64px;height:64px;border-radius:15px;object-fit:cover;background:#fff}.tag{display:inline-block;border:1px solid #527aa2;border-radius:18px;padding:2px 9px;font-size:.8rem;color:#ceebff}.result{margin-top:18px;border-left:3px solid var(--accent);padding:14px 20px;background:#172b40;overflow-wrap:anywhere}.tool{margin-bottom:24px}footer{border-top:1px solid var(--line);margin-top:60px}.sr{position:absolute;left:-9999px}:focus-visible{outline:3px solid #f6df76;outline-offset:3px}#results{min-height:50px} .note{border:1px solid #376b7a;padding:16px;border-radius:12px;background:#123245} @media(max-width:600px){.row{display:block}.row>*{margin:10px 0}}