:root{color-scheme:dark;--bg:#090e1b;--panel:#121a2d;--line:#263552;--text:#eaf1ff;--muted:#a7b5ce;--blue:#5c9aff;--purple:#ad80ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0,#20234a 0,transparent 45%),var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);line-height:1.55}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#0b1020dd;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:73px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;color:#fff;text-decoration:none}.brand b{color:#86b4ff}.brand-symbol{width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--purple));display:grid;place-items:center}.nav-links{display:flex;flex-wrap:wrap;gap:19px}.nav-links a,.footer a{color:var(--muted);text-decoration:none}.nav-links a:hover,.footer a:hover{color:#fff}.hero{padding:75px 0 65px;text-align:center}.eyebrow{color:#a8c7ff;letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(35px,6vw,65px);letter-spacing:-.045em;line-height:1.08;max-width:850px;margin:17px auto}.hero h1 span{background:linear-gradient(90deg,#78bbff,#ca94ff);color:transparent;background-clip:text}.hero p{font-size:18px;color:var(--muted);max-width:620px;margin:0 auto}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:27px}.hero-tags span{padding:7px 13px;background:#17223b;border:1px solid var(--line);border-radius:999px;font-size:13px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:29px;margin:0}.section-heading p{color:var(--muted);margin:4px 0}.tools{padding:0 0 84px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-card{background:linear-gradient(155deg,#17213a,#111a2c);border:1px solid var(--line);padding:27px;border-radius:18px;min-width:0;box-shadow:0 15px 30px #0002}.tool-icon{font-size:31px}.tool-card h3{margin:10px 0 0;font-size:22px}.tool-card>p:not(.feedback):not(.hint){color:var(--muted);margin:6px 0 20px;min-height:48px}.tool-card label{display:block;font-size:13px;font-weight:650;margin:12px 0 6px}.tool-card input:not([type=checkbox]):not([type=range]),.tool-card textarea{width:100%;border:1px solid #344562;background:#0b1427;border-radius:9px;padding:11px 12px;color:var(--text);font:inherit;outline:none}.tool-card textarea{resize:vertical}.tool-card input:focus,.tool-card textarea:focus{border-color:#75aaff}.tool-card input[type=range]{width:100%;accent-color:var(--blue)}.checks{display:flex;gap:10px;flex-wrap:wrap}.checks label{margin:3px 0;font-weight:400}.checks input{accent-color:var(--blue)}.btn,.btn-secondary{border:1px solid transparent;border-radius:9px;cursor:pointer;font:600 14px inherit;font-family:inherit;font-weight:650;padding:10px 15px;margin-top:12px;text-decoration:none;display:inline-block;text-align:center}.btn{background:linear-gradient(105deg,#4e8df6,#8661df);color:#fff}.btn-secondary{background:#253453;border-color:#395079;color:#eaf1ff}.btn:hover,.btn-secondary:hover{filter:brightness(1.16)}.button-row{display:flex;flex-wrap:wrap;gap:8px}.result-row{display:flex;gap:8px;align-items:stretch;margin-top:12px}.result-row input{min-width:0;flex:1}.result-row .btn-secondary{margin:0}.feedback{font-size:13px;min-height:18px;color:#9fd0ff;overflow-wrap:anywhere}.hint{color:var(--muted);font-size:12px}.qr-result{margin-top:14px}.qr-result canvas{border-radius:10px;max-width:100%}.static-page{max-width:790px;min-height:60vh;margin:65px auto}.static-page h1{font-size:clamp(34px,5vw,52px);margin:12px 0}.static-page h2{margin-top:30px}.static-page p{color:var(--muted)}.static-page a,.contact-link{color:#93bfff}.footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}#toast{position:fixed;bottom:25px;right:25px;background:#213c61;color:white;border-radius:9px;padding:11px 15px;opacity:0;pointer-events:none;transition:opacity .3s}#toast.show{opacity:1}@media(max-width:700px){.nav{padding:14px 0;flex-direction:column}.nav-links{justify-content:center;gap:13px;font-size:13px}.hero{padding:50px 0}.tool-grid{grid-template-columns:1fr}.tool-card{padding:20px}}
