/* Moderno · oscuro, degradés y vidrio */
:root{--primary:#6d5dfc;--on-primary:#fff;--accent:#22d3ee;--bg:#0f1020;--bg-alt:#14152b;--surface:#1a1b35;--surface-2:#202244;--text:#f1f2ff;--muted:#a3a6cc;--border:rgba(255,255,255,.10);--field-bg:#14152b;
--font-head:"Space Grotesk",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--radius:18px;--radius-lg:28px;--h-weight:700;--h-spacing:-.03em;
--shadow:0 10px 40px rgba(0,0,0,.35);--shadow-lg:0 30px 80px rgba(0,0,0,.55);--nav-bg:rgba(15,16,32,.82);--nav-fg-solid:#f1f2ff;
--hero-overlay:linear-gradient(180deg,rgba(15,16,32,.55),rgba(15,16,32,.25) 45%,rgba(15,16,32,.9));--div-h:60px;
--div-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 80V40L1440 0v80z'/%3E%3C/svg%3E")}
html{color-scheme:dark}
.btn-primary{background:linear-gradient(135deg,#6d5dfc,#22d3ee);box-shadow:0 10px 30px rgba(109,93,252,.45)}
.btn-primary:hover{background:linear-gradient(135deg,#7d6eff,#3de0f7)}
.kicker{background:linear-gradient(90deg,#8b7dff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-deco i{border-radius:50%;filter:blur(60px);opacity:.55;animation:orb 14s ease-in-out infinite alternate}
.hero-deco i:nth-child(1){width:420px;height:420px;left:-80px;top:10%;background:#6d5dfc}
.hero-deco i:nth-child(2){width:360px;height:360px;right:-60px;top:30%;background:#22d3ee;animation-delay:-5s}
.hero-deco i:nth-child(3){width:300px;height:300px;left:40%;bottom:-100px;background:#f472b6;animation-delay:-9s}
@keyframes orb{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,-40px) scale(1.2)}}
.eyebrow{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}