*{box-sizing:border-box}body{margin:0;background:#071016;color:#eef6f7;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}.builder{min-height:100vh;padding:0 6vw;background:radial-gradient(circle at 75% 35%,#12323b,transparent 36%),#071016}.builder>header,.previewbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.builder header b span,.builder-grid>section>small{color:#21d5c5}.builder header small{color:#82979e;letter-spacing:.2em}.builder header em{font-size:.78rem;color:#8da0a6;font-style:normal}.builder-grid{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}.builder-grid>section h1{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.9;letter-spacing:-.06em;margin:20px 0}.builder-grid h1 i{color:#21d5c5;font-style:normal;font-weight:300}.builder-grid>section p{color:#a4b5ba;font-size:1.05rem;line-height:1.7}.wizard{background:#f7fbfb;color:#132028;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px #0009}.progress{height:64px;padding:24px 28px;position:relative}.progress span{font-size:.68rem;letter-spacing:.12em;color:#657981}.progress i{position:absolute;left:0;bottom:0;height:3px;background:#16b9aa}.wizard>section{min-height:340px;padding:30px}.wizard h2{font-size:1.45rem}.wizard label{display:block;font-size:.78rem;font-weight:700}.wizard input,.wizard select{width:100%;height:52px;border:1px solid #ccdadd;border-radius:10px;padding:0 14px;margin-top:9px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{padding:17px;text-align:left;background:#fff;border:1px solid #d1dfe1;border-radius:12px}.choices button.selected{border-color:#0eb6a8;background:#eafaf8}.consent{display:flex!important;gap:9px;margin-top:25px;font-weight:400!important}.consent input{width:auto;height:auto;margin:4px}.consent b{display:block}.wizard footer{padding:18px 28px;border-top:1px solid #dde7e8;display:flex;justify-content:space-between}.primary,.wizard footer button{border:0;border-radius:999px;background:#0c282b;color:#fff;padding:13px 20px;text-decoration:none}.install-page{min-height:100vh;display:grid;place-items:center;padding:24px}.install-card{width:min(600px,100%);background:#0d1b22;border:1px solid #ffffff17;border-radius:22px;padding:32px}.install-card>p{color:#8ca0a6}.install-card form{display:grid;gap:14px}.install-card label{font-size:.75rem}.install-card input{display:block;width:100%;height:46px;background:#081319;color:#fff;border:1px solid #ffffff1d;border-radius:9px;padding:0 12px;margin-top:6px}.error{background:#61252b;color:#ffc8ce;padding:12px;border-radius:8px}.previewbar{padding:0 4vw}.previewbar>div{display:flex;gap:8px}.previewbar button{border:1px solid #ffffff25;background:#ffffff08;color:#c6d2d5;border-radius:10px;padding:12px 16px}.previewbar button.active{background:#21d5c5;color:#041311}#device{max-width:1400px;margin:35px auto;padding:0 3vw;transition:.3s}#device.mobile{max-width:430px}.browser{background:#fff;border-radius:16px;overflow:hidden}.browser-top{height:34px;background:#edf0f1;color:#8a9598;padding:10px}.browser-top span{display:block;text-align:center;margin-top:-14px}.demo{color:#12211d;background:#f3eee4}.demo nav{height:80px;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.hero{height:560px;position:relative;display:flex;align-items:center;background:#12211d;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.75}.hero>div{position:relative;width:58%;padding-left:7%;color:#fff}.hero small{color:#d1b477;letter-spacing:.16em}.hero h1{font:400 clamp(3rem,5vw,5.5rem)/.95 Georgia;margin:18px 0}.hero p{line-height:1.6;color:#ffffffc2}.hero button{background:#d1b477;border:0;padding:14px 18px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:45px 7%}.features b{color:#b8975c}.features h2{font-family:Georgia;font-weight:400}.features p{font-size:.78rem;color:#61706b}.conversion{margin:20px auto 40px;max-width:1400px;padding:20px 4vw;display:flex;justify-content:space-between;align-items:center}.conversion a{background:#21d5c5;color:#041311;border-radius:999px;padding:14px 18px;text-decoration:none}.mobile .demo nav span{display:none}.mobile .hero{height:580px}.mobile .hero>div{width:100%;padding:0 8%;align-self:flex-end;margin-bottom:60px}.mobile .hero h1{font-size:2.8rem}.mobile .features{grid-template-columns:1fr}.mobile .features article:nth-child(n+2){display:none}.admin-page{background:#071016}.admin{padding:35px 5vw}.admin>header{display:flex;justify-content:space-between;align-items:center}.admin header small{color:#21d5c5;letter-spacing:.15em}.admin header h1{font-size:3rem;margin:5px 0}.admin header p{color:#8da0a6}.admin header a{color:#21d5c5}.panel{background:#0d1b22;border:1px solid #ffffff17;border-radius:20px;padding:25px;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid label{font-size:.72rem}.grid input,.grid select{display:block;width:100%;height:44px;background:#081319;color:#fff;border:1px solid #ffffff1d;border-radius:9px;padding:0 11px;margin-top:6px}.panel .primary{margin-top:18px;background:#21d5c5;color:#041311}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:14px;border-bottom:1px solid #ffffff12;font-size:.75rem}th{color:#7f959c}#result{margin-top:20px}#message{width:100%;min-height:220px;background:#081319;color:#fff;border:1px solid #ffffff1d;border-radius:12px;padding:15px}.actions{display:flex;gap:10px;margin-top:10px}.actions button,.actions a{background:#21d5c5;color:#041311;border:0;border-radius:999px;padding:12px 16px;text-decoration:none}
@media(max-width:900px){.builder-grid{grid-template-columns:1fr;padding:40px 0}.builder-grid>section{text-align:center}.grid{grid-template-columns:1fr 1fr}.previewbar{flex-wrap:wrap;height:auto;padding:12px}.conversion{flex-direction:column;gap:15px;text-align:center}}@media(max-width:600px){.builder{padding:0 18px}.builder header em{display:none}.builder-grid>section h1{font-size:3.6rem}.wizard>section{min-height:390px}.choices{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.admin{padding:20px 12px}.features{grid-template-columns:1fr}.conversion a{width:100%}}
