@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-800.woff2') format('woff2');font-weight:800;font-display:swap}*{box-sizing:border-box}html{background:#06172f;color:#fff}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at 88% 0,rgba(39,197,255,.17),transparent 30%),linear-gradient(180deg,#071a34,#06152a 58%,#051225);color:#fff}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.top{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand img{width:40px;height:40px}.brand span{display:grid}.brand b{font:800 18px Manrope,Arial}.brand small{font-size:9px;letter-spacing:2px;color:#6fd6ff}.langs{display:flex;gap:8px}.langs a{color:#9fc6e8;text-decoration:none;border:1px solid #28547d;border-radius:10px;padding:7px 10px;font-size:12px}.langs .active{color:#fff;border-color:#35c8ff;background:#0d3a63}.hero{padding:62px 0 36px;border-top:1px solid rgba(83,198,255,.12)}.eyebrow{color:#4bd0ff;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1{font:800 clamp(38px,6vw,70px)/1.02 Manrope,Arial;margin:12px 0 16px;max-width:900px}.hero p{max-width:800px;color:#b7d0e7;line-height:1.7;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;padding:28px 0 70px}.panel{background:linear-gradient(180deg,#0a2749,#081f3d);border:1px solid #24587f;border-radius:24px;padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.panel h2{font:800 25px Manrope,Arial;margin:0 0 8px}.panel h3{font:800 18px Manrope,Arial;margin:0}.muted{color:#9fbcd6;font-size:14px;line-height:1.65}.fieldlabel{display:block;font-size:12px;font-weight:800;color:#c0ddf6;margin:18px 0 8px}.req{color:#4bd0ff}.input,.output{width:100%;border:1px solid #2a5b82;background:#061a33;color:#fff;border-radius:14px;padding:14px 15px;outline:none;font:inherit}.input:focus,.output:focus{border-color:#34caff;box-shadow:0 0 0 3px rgba(52,202,255,.12)}.output{min-height:126px;resize:vertical;line-height:1.5;word-break:break-all}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.preset{appearance:none;border:1px solid #2a5b82;background:#071d37;color:#b9d8f3;border-radius:999px;padding:9px 12px;font-size:12px;cursor:pointer}.preset:hover,.preset.active{border-color:#35c8ff;color:#fff;background:#0c365d}.normalize{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:#9fbcd6;font-size:13px;line-height:1.5}.normalize input{margin-top:2px;accent-color:#29caff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{appearance:none;border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,#2386ff,#27d0ff);color:#fff;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.secondary{border:1px solid #2d648e;background:#082240;color:#c9e7ff}.btn.ghost{border:1px solid #234f73;background:transparent;color:#9fc6e8}.btn:disabled{opacity:.5;cursor:not-allowed}.error{display:none;margin-top:12px;color:#ff9da3;font-size:13px}.error.show{display:block}.result{display:none}.result.show{display:block}.resulthead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.badge{border:1px solid #2678a7;background:#082747;border-radius:999px;color:#75ddff;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:1px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.tag{border:1px solid #28577c;background:#071d37;border-radius:10px;padding:8px 10px;font-size:11px;color:#9fc6e8}.tag b{color:#fff}.tip{margin-top:18px;border:1px solid #36caff;border-radius:18px;padding:18px;background:linear-gradient(120deg,#0b2a4c,#0a355c)}.tip b{font:800 16px Manrope,Arial}.tip p{margin:8px 0 0;color:#abd0ec;font-size:13px;line-height:1.6}.guide{display:grid;gap:10px;margin-top:18px}.guideitem{border:1px solid #244f76;border-radius:14px;padding:13px 14px;background:#071c36}.guideitem b{display:block;color:#fff;font-size:13px;margin-bottom:4px}.guideitem span{color:#93b4d0;font-size:12px;line-height:1.5}.cta{margin-top:18px;border:1px solid #36caff;border-radius:18px;padding:18px;background:linear-gradient(120deg,#0b2a4c,#0a355c)}.cta a{display:inline-block;margin-top:10px;color:#fff;font-weight:800;text-decoration:none}.footer{border-top:1px solid #173a5d;padding:22px 0;color:#7799b9;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.footer a{color:#91badc;text-decoration:none}@media(max-width:820px){.layout{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}.hero{padding-top:40px}.panel{padding:20px}.footer .wrap{flex-direction:column}.actions .btn{flex:1 1 150px}}