:root{--c1:#6f3cff;--c2:#ffd166;--c3:#12b886;--c4:#0f102a;--c5:#f7f7fb;--tx:#1d2330;--txl:#ffffff}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Montserrat',sans-serif;color:var(--tx);background:var(--c5);line-height:1.6}
a{text-decoration:none;color:var(--c1);transition:opacity .2s}
a:hover{opacity:.8}
img{max-width:100%;height:auto;vertical-align:middle}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
.col{padding:0 12px;flex:1 0 0}
.col-4{flex:0 0 33.333%}
.col-6{flex:0 0 50%}
.col-8{flex:0 0 66.666%}
.col-12{flex:0 0 100%}
.header{background:var(--c4);color:var(--txl);position:sticky;top:0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav .brand{font-weight:800;letter-spacing:.5px}
.nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.nav a{color:var(--txl);font-weight:600}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;border:2px solid transparent}
.btn-primary{background:var(--c1);color:#fff}
.btn-outline{background:transparent;border-color:var(--c1);color:var(--c1)}
.section{padding:72px 0}
.dark{background:var(--c4);color:var(--txl)}
.light{background:#fff;color:var(--tx)}
.gradient{background:linear-gradient(135deg,var(--c1),#3a17ff)}
.card{background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(15,16,42,.08);padding:24px}
.badge{display:inline-block;background:var(--c2);color:#2f2a10;border-radius:999px;font-weight:800;padding:6px 12px}
.kpi{display:flex;gap:18px;align-items:center}
.kpi .num{font-size:36px;font-weight:900}
.hero{min-height:64vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero .decor{position:absolute;inset:auto -12% -18% auto;width:380px;height:380px;background:radial-gradient(closest-side,#7c5dff 0,#6f3cff 35%,transparent 70%);filter:blur(20px);opacity:.35}
.hero h1{font-size:44px;line-height:1.15;margin:0 0 14px}
.hero p{max-width:720px;margin:0 0 26px;font-size:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.icon{font-size:28px;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--c5);color:var(--c1)}
.feature{display:flex;gap:14px}
.feature h4{margin:6px 0 6px;font-size:18px}
.mono{font-family:ui-monospace,Menlo,monospace}
blockquote{margin:0;padding:18px 20px;border-left:4px solid var(--c3);background:#ebfff6;border-radius:8px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .full{grid-column:1/-1}
.input,textarea,select{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #e6e6ef;background:#fff;font:inherit}
textarea{min-height:140px;resize:vertical}
.input:focus,textarea:focus,select:focus{outline:none;border-color:var(--c1)}
.checkbox{display:flex;align-items:flex-start;gap:10px}
.footer{background:#0a0b1f;color:#cfd3ff;padding:36px 0}
.footer a{color:#cfd3ff}
.footer small{opacity:.8}
.hero-img{border-radius:18px;box-shadow:0 16px 40px rgba(15,16,42,.18)}
.bi{vertical-align:middle}
.privacy h2,.cookies h2{font-size:28px;margin:28px 0 12px}
.notice{background:#fff5d6;border:2px solid #ffe3a2;border-radius:12px;padding:14px 16px}
.jobs-hero{background:linear-gradient(135deg,#111127,#1b1f4a);color:#fff}
@media(max-width:992px){.grid-3{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.col-6,.col-8,.col-4{flex:0 0 100%}.form{grid-template-columns:1fr}}