:root{--bg:#0d0815;--panel:#191126;--line:#39264d;--text:#f8f1ff;--muted:#b6a7c5;--violet:#a855f7;--pink:#e879f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 10% 10%,#32134b 0,transparent 35%),radial-gradient(ellipse at 90% 55%,#35102f 0,transparent 30%),var(--bg);color:var(--text);font:15px Arial,sans-serif}header,footer{max-width:1100px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}nav{display:flex;gap:24px;align-items:center}a{color:inherit;text-decoration:none}.logo{font-weight:900;letter-spacing:2px}.logo b{color:#d8b4fe}button,.cta{cursor:pointer;border:0;border-radius:11px;background:linear-gradient(110deg,#9333ea,#c026d3);color:white;padding:12px 18px;font-weight:bold}nav button{padding:8px 12px;background:#251632;border:1px solid var(--line)}main{max-width:1000px;margin:auto;padding:30px 24px}.hero{padding:90px 0 75px}.hero small,section small{color:#d8b4fe;letter-spacing:2px;font-weight:bold}.hero h1{font-size:clamp(40px,7vw,72px);line-height:1.05;letter-spacing:-3px;margin:22px 0}.hero em{font-style:normal;background:linear-gradient(90deg,#c084fc,#f0abfc);color:transparent;background-clip:text}.hero p,.sectiontop p{color:var(--muted);line-height:1.7;max-width:590px}.cta{display:inline-block;margin-top:18px}section#tool{padding:30px;background:linear-gradient(145deg,#211431,#130d1d);border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 80px #0005}.sectiontop{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.sectiontop h2,h2{font-size:32px;margin:9px 0}.pill{border:1px solid #8b5cf6;color:#d8b4fe;padding:7px 12px;border-radius:30px;font-size:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:bold}input,select,textarea{width:100%;padding:14px;background:#100b19;border:1px solid #49335e;border-radius:10px;color:white;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#c084fc}.wide{margin-top:18px}.actions,.resulthead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.actions small,#hint{color:var(--muted)}#result{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}#result pre{white-space:pre-wrap;background:#100b19;border:1px solid var(--line);border-radius:12px;padding:20px;line-height:1.7;font:14px/1.7 Arial}#error{color:#fecaca;background:#451a25;padding:12px;border-radius:9px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.steps article{padding:22px;background:#191126;border:1px solid var(--line);border-radius:15px}.steps b{color:#d8b4fe}.steps p{color:var(--muted);line-height:1.6}aside{padding:18px;background:#241332;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;line-height:1.6}footer{border-top:1px solid #ffffff12;border-bottom:0;color:var(--muted);font-size:12px}footer a{margin-left:14px}@media(max-width:650px){header{padding:18px}nav{gap:12px;font-size:12px}main{padding:15px}.hero{padding:65px 5px}.grid,.steps{grid-template-columns:1fr}section#tool{padding:18px}.actions{align-items:stretch;flex-direction:column}.actions button{width:100%}.sectiontop h2,h2{font-size:26px}}