:root{--c1:#5a3df0;--c1d:#4029b6;--c2:#ffe8a3;--c3:#0f172a;--c4:#f1f5f9;--accent:#ff6b6b}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--c3);background:var(--c4);font-weight:500;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--c1);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}
.container{max-width:1200px;margin:0 auto;padding:0 20px;
    padding-left: 20px!important;
padding-right: 20px !important;}
.grid{display:grid;gap:24px}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;font-weight:700;border:1px solid transparent}
.btn-primary{background:var(--c1);color:#fff;border-color:var(--c1)}
.btn-primary:hover{background:var(--c1d);border-color:var(--c1d);opacity:1}
.btn-light{background:#fff;color:var(--c1);border-color:#fff}
.badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:14px}
.badge-soft{background:rgba(255,255,255,.2);color:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav .brand{font-weight:900;font-size:20px;letter-spacing:.2px;color:var(--c3)}
.nav ul{display:flex;gap:14px;padding:0;margin:0;list-style:none}
.nav a{padding:10px 12px;border-radius:10px}
.nav a.active,.nav a:hover{background:rgba(15,23,42,.06)}
.hero{position:relative;min-height:68vh;display:grid;align-items:center;color:#fff;background:linear-gradient(135deg,rgba(90,61,240,.85),rgba(64,41,182,.85)),url('../imgui/imgen1.webp') center/cover no-repeat}
.hero .inner{padding:64px 0}
.display{font-weight:900;line-height:1.1;font-size:clamp(32px,5vw,56px)}
.lead{font-size:clamp(16px,2.2vw,20px);opacity:.95}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:22px}
.card.dark{background:var(--c3);color:#fff}
.section{padding:64px 0}
.section.dark{background:var(--c3);color:#fff}
.section.alt{background:#fff}
.kbd{font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;background:rgba(15,23,42,.06);padding:2px 8px;border-radius:8px}
.split{display:grid;gap:28px;grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1.1fr .9fr}}
.figure{position:relative;border-radius:18px;overflow:hidden}
.figure::after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 400px at -10% -10%,rgba(255,255,255,.25),transparent 40%),linear-gradient(135deg,transparent,rgba(255,255,255,.08))}
.list{display:grid;gap:14px}
.icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.icon.primary{background:rgba(90,61,240,.12);color:var(--c1)}
.icon.accent{background:rgba(255,107,107,.14);color:#b91c1c}
.stat{display:grid;gap:6px;text-align:center}
.form{display:grid;gap:12px}
.input,textarea,select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(15,23,42,.15);background:#fff;font:inherit}
.input:focus,textarea:focus,select:focus{outline:2px solid var(--c1);outline-offset:2px}
footer{background:#0b1220;color:#e6e8ee}
.footer{padding:34px 0}
.footer .cols{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:800px){.footer .cols{grid-template-columns:1.3fr .7fr}}
.legal{font-size:14px;opacity:.8}
.ring{position:absolute;inset:auto auto -80px -80px;width:240px;height:240px;background:conic-gradient(from 90deg at 50% 50%,var(--c2),transparent 65%);filter:blur(12px);opacity:.6;border-radius:50%}
.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;color:var(--c3);border:1px solid rgba(15,23,42,.08)}
small.muted{opacity:.7}
h1,h2,h3{margin:0 0 10px 0}
p{margin:0 0 14px 0}
ul{margin:0 0 14px 18px}

@media screen and (max-width: 767px) {
    .grid{
        grid-template-columns: minmax(0,1fr) !important;
    }
    .nav nav{
        display: none;
    }
}