*{box-sizing:border-box}body{margin:0;background:#090812;color:#f8f5ff;font-family:Arial,Helvetica,sans-serif}main{max-width:920px;margin:auto;padding:28px 20px 60px}header{justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #312947}.brand,header{display:flex;align-items:center}.brand{gap:12px;letter-spacing:2px;font-size:20px}.mark{font-size:34px;color:#d3a4ff}.brand small{display:block;font-size:10px;color:#b1a1cb;letter-spacing:3px;margin-top:4px}.pill{border:1px solid #5a407c;border-radius:50px;padding:10px 13px;color:#dfbefb;font-size:11px;letter-spacing:1px}.hero{padding:70px 0 50px}.eyebrow{letter-spacing:4px;color:#ac8bd9;font-size:12px}h1{font-size:clamp(46px,8vw,86px);line-height:1.04;margin:18px 0 22px;letter-spacing:-3px}h1 em{font-style:normal;color:#cda4ff}.hero p{max-width:570px;color:#b9b0cb;font-size:18px;line-height:1.6}.panel{background:#161321;border:1px solid #31263d;border-radius:24px;padding:30px;margin-bottom:24px}.paneltitle{display:flex;align-items:center;gap:14px;margin-bottom:25px}h2{font-size:25px;margin:0}.step{color:#d9b6ff;background:#332444;padding:10px;border-radius:12px;font-weight:700}label{display:block;font-weight:600;font-size:14px;margin:17px 0;color:#ded4ec}input,select,textarea{width:100%;padding:15px;border-radius:12px;border:1px solid #534660;background:#0e0b16;color:white;font:inherit;margin-top:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#c08de9}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.hint{color:#ab9cbf;font-size:12px;margin-top:-5px;line-height:1.5}.notice{background:#292038;padding:16px;border-radius:12px;color:#dfc9fa;margin:20px 0;font-size:13px}.primary,.secondary{border:0;border-radius:13px;padding:16px 22px;cursor:pointer;font-weight:700;font-size:15px}.primary{background:linear-gradient(100deg,#aa65f5,#ee8ed5);color:#180e24;width:100%}.secondary{background:#372748;color:#eee0ff}.primary:disabled,.secondary:disabled{opacity:.4;cursor:not-allowed}.result{background:#221a30;padding:19px;border-radius:16px;margin-top:18px;overflow-wrap:anywhere}.result code{font-size:12px}.result a{color:#e3b8ff}.error{background:#4c202b;color:#ffe2e2;border-radius:12px;padding:15px}.muted p{color:#beb1d0;line-height:1.6}footer{text-align:center;color:#887b9a;font-size:12px;padding:30px}@media(max-width:580px){main{padding:22px 15px}.hero{padding:50px 0 26px}.panel{padding:20px}.two{grid-template-columns:1fr}h1{letter-spacing:-1px}.pill{font-size:9px}}