:root{--bg: #0b1324;--panel: rgba(20, 26, 46, .7);--panel-border: #1f2937;--text: #ffffff;--muted: #d1d5db;--brand1: #0ea5e9;--brand2: #8b5cf6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at -10% -10%,rgba(14,165,233,.15),transparent 60%),radial-gradient(900px 700px at 110% 10%,rgba(139,92,246,.12),transparent 60%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.container-narrow{max-width:980px}.card{border-radius:1rem;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text)}.card .card-header{border-bottom:1px solid var(--panel-border)}.form-control,.form-select{border-radius:.75rem;background:#ffffff0a;color:var(--text);border-color:#2a3346}.form-control:focus,.form-select:focus{border-color:var(--brand1);box-shadow:0 0 0 .25rem #0ea5e926}.btn{border-radius:.75rem;color:var(--text)}.btn-brand{color:#fff;background:linear-gradient(135deg,var(--brand1),var(--brand2));border:none}.btn-brand:hover{filter:brightness(1.05)}.btn-soft{background:#ffffff0f;border:1px solid #2a3346;color:var(--text)}.btn-soft:hover{background:#ffffff17}.text-muted,.text-secondary,.small,.card-text,label,.form-label,.nav-link{color:var(--muted)!important}.brand-gradient{background:linear-gradient(135deg,var(--brand1),var(--brand2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-dark{background:#0a102199;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #131a2e}.navbar-dark .navbar-brand,.navbar-dark .nav-link,.navbar-dark .nav-link:focus,.navbar-dark .nav-link:hover{color:#fff!important}.site-footer{border-top:1px solid #131a2e;background:#0a102199;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text)}.preview-frame{background:#0f172a;border:1px solid #1f2937;border-radius:1rem;min-height:360px;padding:1rem;color:var(--text)}.hero{padding:64px 0 40px}.hero .kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero .kpi .item{background:#ffffff0f;border:1px solid #2a3346;border-radius:1rem;padding:14px 16px;text-align:center;color:var(--text)}.hero h1{letter-spacing:-.02em;color:var(--text)}.cover-preview{max-height:220px;object-fit:cover;width:100%}.card img{display:block}