:root {
--bg:#0B1220;
--card:#1F2937;
--text:#E5E7EB;
--muted:#9CA3AF;
--accent:#2563EB;
--border:rgba(255,255,255,0.08);
}

body {
margin:0;
font-family:Inter,system-ui;
background:linear-gradient(180deg,#0B1220,#020617);
color:var(--text);
}

.container {
max-width:1100px;
margin:auto;
padding:0 20px;
}

/* HEADER */

.header {
position:fixed;
width:100%;
background:rgba(2,6,23,0.9);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--border);
}

.header-row {
display:flex;
justify-content:space-between;
align-items:center;
height:70px;
}

.logo {display:flex;gap:10px;font-weight:600;}
.logo-mark {width:10px;height:10px;background:#2563eb;}

.nav {display:flex;gap:30px;}
.nav a {color:var(--muted);text-decoration:none;}
.nav a:hover {color:#fff;}

.header-actions {display:flex;gap:20px;}

.lk-link {color:var(--muted);text-decoration:none;}

.btn {
background:var(--accent);
padding:12px 18px;
border-radius:8px;
color:#fff;
text-decoration:none;
}

/* HERO */

.hero {padding:120px 0;}
.hero-grid {display:grid;grid-template-columns:1fr 1fr;gap:60px;}

.ui-wrapper {
background:#020617;
padding:20px;
border-radius:12px;
border:1px solid var(--border);
box-shadow:0 20px 60px rgba(0,0,0,0.5);
}

/* SECTIONS */

.section {padding:100px 0;}
.dark {background:#020617;}

.grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.card {
background:var(--card);
padding:20px;
border:1px solid var(--border);
}

/* FLOW */

.flow {
display:flex;
gap:10px;
justify-content:center;
margin-top:20px;
}

/* VIDEO */

.video iframe {
width:100%;
height:400px;
border-radius:10px;
}

/* SCREENS */

.screens {display:flex;gap:20px;}
.screens img {
width:32%;
border-radius:10px;
border:1px solid var(--border);
}

/* STATS */

.stats {display:flex;gap:40px;}
.value {font-size:28px;}

/* VIOLATIONS */

.log {
background:var(--card);
padding:15px;
border:1px solid var(--border);
}

/* FORM */

.form-wrapper {
background:#020617;
padding:30px;
border-radius:12px;
border:1px solid var(--border);
}

/* FOOTER */

.footer {
text-align:center;
padding:20px;
background:#020617;
}