*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0b0b0c;color:#eaeaea}
.container{max-width:980px;margin:0 auto;padding:24px}
.site-header{position:sticky;top:0;background:#0b0b0c;border-bottom:1px solid #1f1f22;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;color:#fff;text-decoration:none}
nav a{color:#c9c9c9;text-decoration:none;margin-left:16px}
.admin-link{opacity:.7}
.hero{padding:96px 0;background:radial-gradient(1200px 600px at 20% 0%,#1a1a1f 0,#0b0b0c 60%)}
.hero-inner{max-width:760px;margin:0 auto;text-align:center}
.hero h1{font-size:44px;margin:0 0 12px}
.hero p{color:#c9c9c9;margin:0 0 24px}
.btn{display:inline-block;padding:10px 16px;border:1px solid #2a2a2e;border-radius:10px;background:#151518;color:#eee;text-decoration:none}
.btn:hover{background:#1b1b1f}
.btn-primary{background:#4f46e5;border-color:#4f46e5}
.btn-primary:hover{background:#5b55ea}
.btn-lg{padding:14px 20px;border-radius:12px}
.card{background:#111114;border:1px solid #1f1f22;border-radius:14px;padding:16px;margin:16px 0}
.small{max-width:420px}
.option{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #1f1f22;border-radius:12px;margin-bottom:10px}
.option:hover{border-color:#2b2b30}
.muted{color:#b1b1b6}
.tiny{font-size:12px;color:#9a9aa0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .col-2{grid-column:1/-1}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1f1f22;padding:10px;text-align:left}
.toolbar{display:flex;align-items:center;justify-content:space-between}
.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
label{display:flex;flex-direction:column;gap:6px}
input,textarea,select{padding:10px;border-radius:10px;border:1px solid #2a2a2e;background:#151518;color:#eee}
.center{text-align:center;padding:40px 0}
.site-footer{opacity:.8;border-top:1px solid #1f1f22;margin-top:40px}

/* Progress steps */
.progress-steps{display:flex;gap:8px;margin:8px 0 16px}
.progress-steps .step{position:relative;flex:1;height:8px;background:#1f1f22;border-radius:999px;overflow:hidden}
.progress-steps .step.is-done{background:linear-gradient(90deg,#4f46e5,#22c55e)}
.progress-steps .step.is-active{background:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.25) inset}
.progress-steps .step span{position:absolute;top:-22px;right:0;font-size:11px;color:#9a9aa0}