@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:200 1000;src:url('../fonts/Cairo-Arabic.woff2') format('woff2-variations');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:200 1000;src:url('../fonts/Cairo-Latin.woff2') format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--blue:#2d3bff;--blue-2:#5661ff;--bg:#0d0f10;--surface:#141616;--surface-2:#1b1e20;--border:#2b3033;--text:#fffffe;--muted:#aeb5bc;--success:#29c98b;--danger:#ff6574;--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html{font-family:Cairo,Arial,sans-serif;background:var(--bg);color:var(--text)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 92% 4%,rgba(45,59,255,.16),transparent 28%),var(--bg)}
button,input,textarea{font:inherit}
.setup-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}
.setup-brand{display:flex;align-items:center;gap:15px;margin-bottom:56px}.setup-brand img{border-radius:18px;object-fit:cover;box-shadow:0 8px 30px rgba(45,59,255,.24)}.setup-brand div{display:flex;flex-direction:column}.setup-brand span,.eyebrow{font-size:.72rem;letter-spacing:.18em;color:#8e98ff;font-weight:800}.setup-brand strong{font-size:1.14rem}.setup-brand small{color:var(--muted);font-size:.78rem}
.setup-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.setup-intro>div{max-width:700px}.setup-intro h1,.completion-card h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.08;letter-spacing:-.035em;margin:10px 0 14px}.setup-intro p,.completion-card>p{color:var(--muted);font-size:1.02rem;line-height:1.9;margin:0}.secure-chip{white-space:nowrap;border:1px solid rgba(41,201,139,.26);background:rgba(41,201,139,.08);color:#83e8c1;border-radius:999px;padding:10px 14px;font-weight:700;font-size:.82rem}
.setup-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}.requirements-card,.setup-card{border:1px solid var(--border);background:rgba(20,22,22,.94);border-radius:24px;box-shadow:var(--shadow)}.requirements-card{padding:25px;position:sticky;top:20px}.requirements-card h2{margin:6px 0 20px}.requirements-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.requirements-card li{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.85rem}.requirements-card li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:.72rem;font-weight:900}.requirements-card li.passed span{color:#93edca;background:rgba(41,201,139,.12)}.requirements-card li.failed span{color:#ff9ca6;background:rgba(255,101,116,.13)}.requirement-note{border-top:1px solid var(--border);margin:20px 0 0;padding-top:18px;color:var(--muted);font-size:.76rem;line-height:1.7}
.setup-form{padding:30px}.setup-form fieldset{border:0;margin:0;padding:0 0 30px}.setup-form fieldset+fieldset{border-top:1px solid var(--border);padding-top:30px}.setup-form legend{font-weight:800;font-size:1.08rem;margin-bottom:20px}.setup-form legend span{display:inline-grid;place-items:center;width:30px;height:30px;background:rgba(45,59,255,.15);color:#9ca4ff;border-radius:9px;margin-right:9px;font-size:.72rem}.setup-form label{display:grid;gap:8px;margin-bottom:16px}.setup-form label>span{font-size:.84rem;font-weight:700}.setup-form label>span em{font-style:normal;color:var(--muted);font-weight:500}.setup-form input,.setup-form textarea{width:100%;color:var(--text);background:#0f1112;border:1px solid #343a3e;border-radius:12px;padding:12px 14px;outline:none;transition:border-color .18s,box-shadow .18s}.setup-form input:focus,.setup-form textarea:focus{border-color:#6671ff;box-shadow:0 0 0 4px rgba(45,59,255,.13)}.setup-form small{color:var(--muted);font-size:.7rem;line-height:1.55}.form-row{display:grid;gap:14px}.form-row.two{grid-template-columns:1fr 1fr}.prefixed-input{display:flex;align-items:center;background:#0f1112;border:1px solid #343a3e;border-radius:12px;overflow:hidden}.prefixed-input em{padding-left:14px;color:var(--muted);font-style:normal}.prefixed-input input{border:0;background:transparent;box-shadow:none!important}.setup-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--border);padding-top:25px}.setup-submit p{color:var(--muted);font-size:.75rem}
.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;padding:12px 18px;text-decoration:none;font-weight:800;border:0;cursor:pointer}.primary-button{color:white;background:var(--blue);box-shadow:0 12px 34px rgba(45,59,255,.26)}.primary-button:hover{background:#4350ff}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.secondary-button{border:1px solid var(--border);color:var(--text);background:var(--surface-2)}
.setup-alert{border:1px solid rgba(255,101,116,.3);background:rgba(255,101,116,.09);color:#ffc2c8;padding:14px 18px;border-radius:14px;margin-bottom:18px}.completion-card{max-width:760px;margin:70px auto;padding:clamp(30px,6vw,70px);text-align:center}.success-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border-radius:22px;color:#a5f4d7;background:rgba(41,201,139,.12);font-size:2rem}.completion-actions{display:flex;justify-content:center;gap:12px;margin:30px 0}.security-summary{display:grid;gap:5px;text-align:left;background:#0f1112;border:1px solid var(--border);border-radius:15px;padding:17px}.security-summary span{color:var(--muted);font-size:.78rem}
@media(max-width:820px){.setup-grid{grid-template-columns:1fr}.requirements-card{position:static}.setup-intro{align-items:flex-start;flex-direction:column}.form-row.two{grid-template-columns:1fr}.setup-submit{align-items:stretch;flex-direction:column}.setup-submit .primary-button{width:100%}.setup-brand{margin-bottom:36px}}
@media(max-width:520px){.setup-shell{width:min(100% - 20px,1180px);padding-top:14px}.setup-form,.requirements-card{padding:20px;border-radius:18px}.completion-actions{flex-direction:column}.setup-intro h1,.completion-card h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}