:root{--bg:#09090c;--panel:#111116;--line:#27262e;--muted:#97949f;--text:#f4f2f8;--purple:#a582ff;--accent:#9060ef;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:5px}svg{display:block;width:20px;height:20px}button svg{pointer-events:none}.page-grid{position:absolute;inset:0 0 auto;height:850px;background:radial-gradient(ellipse at 78% 22%,#6b3ea719,transparent 52%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;mask-image:linear-gradient(black,transparent);pointer-events:none;z-index:-1}.navigation,main,footer{width:min(1180px,calc(100% - 80px));margin:auto}.navigation{height:106px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;font-size:18px;letter-spacing:.3px;font-weight:800}.brand-mark{height:29px;width:26px;display:grid;place-items:center;background:var(--purple);color:#110b20;font-size:20px;font-style:italic;clip-path:polygon(0 0,100% 0,100% 62%,45% 62%,45% 100%,0 100%);margin-right:11px}.brand-suffix{color:#787380}.portal-tag{font-family:ui-monospace,Consolas,monospace;letter-spacing:1.4px;font-size:9px;color:#a29aa9;border-left:1px solid #3b3443;padding-left:24px}.nav-link{margin-left:auto;color:#b6b0bd;font-size:12px}.nav-link span{margin-left:15px;color:var(--purple)}.hero{display:grid;grid-template-columns:1fr 455px;align-items:center;gap:80px;padding:80px 0 76px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--purple);font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:2px;margin-bottom:26px}.eyebrow span{height:6px;width:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 15px #a582ff66}h1{font-size:clamp(54px,6.3vw,82px);letter-spacing:-5px;line-height:1.05;margin:0 0 28px;font-weight:650}h1>span{color:var(--purple)}.intro-copy{font-size:15px;line-height:1.9;color:#a8a2af;margin:0}.platform{display:flex;align-items:center;gap:10px;margin-top:30px;color:#c7c1cd;font-size:11px}.platform svg{width:16px;height:16px;fill:#b1a8bd}.platform i{font-style:normal;margin:0 8px;color:#58515f}.intro-rule{height:1px;background:var(--line);width:60px;margin:29px 0 21px}.benefits{display:flex;gap:24px;flex-wrap:wrap;color:#9e96a9;font-size:10px}.check{color:var(--purple);margin-right:5px}.generator{background:linear-gradient(145deg,#18141f,#101014 65%);border:1px solid #3a2d4c;border-radius:16px;box-shadow:0 25px 90px #0007,0 0 70px #8957d908;overflow:hidden}.card-top{height:65px;border-bottom:1px solid #2a2432;padding:0 27px;display:flex;align-items:center;gap:11px;font:10px ui-monospace,Consolas,monospace;letter-spacing:1.5px;color:#b5a5c9}.card-icon{font-size:24px;color:var(--purple)}.release-tag{margin-left:auto;border:1px solid #453557;background:#a582ff09;font-size:8px;padding:5px 6px;letter-spacing:1px;color:#c1a5ef;border-radius:3px}.card-body{padding:30px 30px 23px}.step-number{font:9px ui-monospace,Consolas,monospace;letter-spacing:1.6px;color:#8d7a9f;margin:0 0 15px}h2{font-size:25px;letter-spacing:-.7px;margin:0 0 9px;font-weight:600}.card-description{color:#a39baa;font-size:12px;line-height:1.7;margin:0 0 27px}label{display:block;color:#d3cadc;font-size:11px;font-weight:550;margin-bottom:9px}.input-wrap{display:flex;align-items:center;gap:11px;border:1px solid #39303f;background:#0c0b0f;min-height:52px;border-radius:7px;padding:0 13px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #a582ff12}.input-wrap>svg{fill:#756582;width:15px;height:15px;flex:none}input{color:#e4d9ef;border:0;outline:0;background:transparent;min-width:0;width:100%;font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:.3px;padding:17px 0}input::placeholder{color:#62586e;font-size:10px;letter-spacing:.5px}.input-wrap button{border:0;background:transparent;color:#a89ab8;font-size:10px;padding:10px 0 10px 4px}.field-hint{font-size:10px;color:#7d7288;margin:9px 0 24px}.generate-button{display:flex;align-items:center;justify-content:center;gap:18px;min-height:49px;width:100%;border:1px solid #b394f688;color:#fff;background:linear-gradient(110deg,#9562ef,#7d4bda);border-radius:7px;box-shadow:0 4px 18px #7943cc20;font-size:12px;font-weight:600;transition:transform .2s,filter .2s}.generate-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.generate-button:active{transform:translateY(0)}.generate-button:disabled{filter:saturate(.4);transform:none}.generate-button svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.form-status{font-size:11px;line-height:1.6;color:#c3accf;margin:0;overflow-wrap:anywhere}.form-status:not(:empty){margin-top:13px}.form-status.error{color:#ffaaa9}.card-note{display:flex;gap:11px;align-items:flex-start;margin-top:25px;padding-top:21px;border-top:1px solid #27222d;color:#89808f;font-size:10px;line-height:1.75}.card-note svg{fill:none;stroke:#8b719e;stroke-width:1.3;flex:none;width:18px;height:18px;margin-top:2px}.card-footer{padding:14px 26px;background:#0d0c10;border-top:1px solid #27222d;display:flex;align-items:center;gap:7px;font:8px ui-monospace,Consolas,monospace;letter-spacing:1.2px;color:#8e819b}.live-dot{width:4px;height:4px;border-radius:50%;background:#ad8ae8}.file-type{margin-left:auto;color:#665c70}.download-result{border:1px solid #4b3a61;background:#a582ff08;border-radius:8px;padding:17px;margin-top:18px}.download-result[hidden]{display:none}.result-heading{display:flex;gap:9px;align-items:center}.success-check{color:#adf3bf}.result-heading h3{margin:0;font-size:14px}.download-result>p{color:#b4a7c1;font-size:11px;line-height:1.8}.build-details{display:grid;gap:7px;padding:13px 0;border-top:1px solid #3a2d4b}.build-details>span{color:#9680ac;letter-spacing:1.5px;font-size:8px}.build-details code{font-size:10px;color:#d7bdf4;overflow-wrap:anywhere}.secondary-button{border:1px solid #4d3a63;background:#1c1427;border-radius:5px;color:#cdb6e5;padding:9px 12px;font-size:10px;width:100%;display:flex;justify-content:space-between;align-items:center}.steps{border-top:1px solid var(--line);padding:35px 0 28px;scroll-margin-top:24px}.section-label{font:9px ui-monospace,Consolas,monospace;letter-spacing:1.7px;color:#7f748c;margin-bottom:28px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:39px}.step-grid article{display:flex;gap:16px}.step-index{font:12px ui-monospace,Consolas,monospace;color:#9a72d8;padding-top:3px}article h3{font-size:13px;font-weight:550;margin:0 0 9px;color:#d6cedf}article p{font-size:11px;line-height:1.9;color:#8d829a;margin:0}.help-note{display:flex;gap:13px;margin-top:11px;border:1px solid #24202b;border-radius:7px;padding:17px 20px;color:#8d829a;font-size:10px;line-height:1.8}.help-note>span{font-size:17px;color:#9873c4}.help-note p{margin:0}.help-note strong{font-weight:500;color:#b3a6c0;margin-right:3px}footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:28px 0 30px;margin-top:38px;border-top:1px solid #211c27;color:#64596f;font:8px ui-monospace,Consolas,monospace;letter-spacing:1.2px}.footer-brand{color:#a99cb7;font-size:10px;font-weight:650}footer>span:last-child{letter-spacing:0;font:10px ui-sans-serif,"Segoe UI",sans-serif}
@media(min-width:1450px){.hero{padding-top:100px;padding-bottom:100px;gap:115px}}@media(max-width:1000px){.hero{gap:35px;grid-template-columns:1fr 410px}h1{font-size:clamp(48px,6.4vw,64px);letter-spacing:-3px}.navigation,main,footer{width:calc(100% - 48px)}.portal-tag{display:none}.benefits{gap:12px;flex-direction:column}.card-body{padding:26px}}@media(max-width:760px){.navigation,main,footer{width:calc(100% - 40px)}.navigation{height:80px}.brand{font-size:15px}.brand-mark{height:25px;width:22px}.nav-link{font-size:10px}.hero{display:block;padding:45px 0 39px}.intro{margin-bottom:36px}h1{font-size:clamp(44px,9vw,62px);letter-spacing:-2.5px;margin-bottom:20px}.intro-copy{font-size:13px}.eyebrow{margin-bottom:20px}.platform{margin-top:21px}.intro-rule,.benefits{display:none}.generator{max-width:520px;margin:auto}.card-top{padding:0 23px;height:57px}.card-body{padding:25px 23px}.step-grid{grid-template-columns:1fr;gap:23px}.section-label{margin-bottom:26px}.step-grid article{gap:18px}article p{max-width:460px}.steps{padding-top:28px}.help-note{padding:15px}footer{flex-wrap:wrap;gap:15px;margin-top:27px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}