:root{font-family:Inter,system-ui,sans-serif;color:#202431;background:#f5f5fb;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 10%,rgba(117,103,244,.12),transparent 30%),#f6f7fb}.setup-shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding:48px 0 32px}.setup-card{background:#fff;border:1px solid #e7e9f0;border-radius:24px;box-shadow:0 28px 70px rgba(31,36,54,.1);padding:34px}.setup-head{display:flex;gap:18px;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid #eef0f5}.setup-logo{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#8e83ff,#695aed);color:#fff;box-shadow:0 12px 28px rgba(105,90,237,.24)}.setup-logo svg{width:25px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:#7567f4}.setup-head h1{margin:5px 0 7px;font-size:28px;letter-spacing:-.035em}.setup-head p{margin:0;color:#747c8e;font-size:14px;max-width:560px}.notice{display:flex;flex-direction:column;gap:3px;margin:24px 0;padding:15px 17px;background:#f4f2ff;border:1px solid #e2ddff;border-radius:14px;color:#5146b8;font-size:13px}.notice span{color:#74708c}.section-title{display:flex;align-items:center;gap:12px;margin:28px 0 14px}.section-title>span{width:34px;height:34px;border-radius:11px;background:#f0efff;color:#6758e9;display:grid;place-items:center;font-size:11px;font-weight:700}.section-title div{display:flex;flex-direction:column}.section-title strong{font-size:14px}.section-title small{color:#8c93a2;font-size:11px}label{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;font-size:12px;font-weight:600;color:#4b5363}label small{font-weight:400;color:#9299a8}.grid.two{display:grid;grid-template-columns:1fr 140px;gap:14px}input{width:100%;height:46px;border:1px solid #dfe3eb;border-radius:12px;padding:0 13px;background:#fff;color:#222837;font:inherit;font-size:13px;outline:none;transition:.15s}input:focus{border-color:#8a7cf5;box-shadow:0 0 0 3px rgba(117,103,244,.12)}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:7px;top:7px;height:32px;border:0;border-radius:8px;padding:0 10px;background:#f3f4f8;color:#6c7484;font-size:11px;font-weight:600;cursor:pointer}.security-note{display:flex;gap:10px;align-items:flex-start;margin:22px 0 18px;padding:14px;background:#f8f9fb;border:1px solid #e9ebf1;border-radius:13px;color:#747c8c;font-size:11px}.security-note svg{width:18px;flex:0 0 18px;color:#7567f4}.submit,.btn{min-height:46px;border-radius:12px;border:0;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.submit{width:100%;background:linear-gradient(135deg,#8376f7,#6859eb);color:#fff;box-shadow:0 12px 24px rgba(104,89,235,.2)}.submit:disabled{opacity:.45;cursor:not-allowed}.result{display:flex;gap:13px;align-items:flex-start;margin:24px 0;padding:15px;border-radius:14px;font-size:13px}.result-icon{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;font-weight:700}.result strong{display:block}.result p{margin:3px 0 0}.result.error{background:#fff1f2;border:1px solid #ffd8dc;color:#a63542}.result.error .result-icon{background:#ffdfe2}.result.warning{background:#fff8e8;border:1px solid #f5e2ac;color:#82600b}.result.warning .result-icon{background:#f8e8ba}.result.success{background:#eefbf4;border:1px solid #cfeedd;color:#25724a}.result.success .result-icon{background:#d8f3e4}.summary{margin:20px 0;border:1px solid #e8eaf0;border-radius:15px;overflow:hidden}.summary div{display:grid;grid-template-columns:170px 1fr;padding:13px 15px;border-bottom:1px solid #eef0f4}.summary div:last-child{border-bottom:0}.summary dt{color:#838b9b;font-size:12px}.summary dd{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.actions{display:flex;gap:10px}.btn.primary{background:#6f60ed;color:#fff}.btn.secondary{background:#f2f3f7;color:#4e5666}footer{text-align:center;padding:18px;color:#9aa1af;font-size:11px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:620px){.setup-shell{width:min(100% - 20px,760px);padding:18px 0}.setup-card{border-radius:18px;padding:22px 18px}.setup-head{gap:13px}.setup-logo{width:42px;height:42px;flex-basis:42px}.setup-head h1{font-size:23px}.grid.two{grid-template-columns:1fr}.summary div{grid-template-columns:1fr;gap:4px}.actions{flex-direction:column}.btn{width:100%}}
