.ux-hero{min-height:85vh;display:flex;align-items:center;position:relative;background:#05050c;overflow:hidden;padding-top:60px}[data-theme=light] .ux-hero{background:#f4f5fa}.ux-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(217,70,239,.25),transparent 38%),radial-gradient(circle at 20% 40%,rgba(124,92,255,.14),transparent 30%),radial-gradient(circle at 80% 40%,rgba(99,102,241,.16),transparent 30%);pointer-events:none}[data-theme=light] .ux-hero-bg{background:radial-gradient(circle at 50% 0%,rgba(217,70,239,.1),transparent 38%),radial-gradient(circle at 20% 40%,rgba(124,92,255,.06),transparent 30%),radial-gradient(circle at 80% 40%,rgba(99,102,241,.07),transparent 30%)}.ux-hero-glow{position:absolute;top:5%;left:50%;transform:translate(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(217,70,239,.1) 0%,transparent 65%);pointer-events:none;animation:uxPulse 8s ease-in-out infinite}@keyframes uxPulse{0%,to{transform:translate(-50%) scale(1);opacity:.5}50%{transform:translate(-50%) scale(1.1);opacity:1}}.ux-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}[data-theme=light] .ux-hero-grid{background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px)}.ux-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;max-width:1024px;margin:0 auto;padding:100px 0 60px}.ux-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#d946ef1a;border:1px solid rgba(217,70,239,.2);border-radius:100px;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:#d946ef;margin-bottom:32px;backdrop-filter:blur(8px)}[data-theme=light] .ux-hero-badge{background:#d946ef14;border-color:#d946ef2e;color:#a21caf}.ux-hero-inner h1{font-size:clamp(38px,6vw,76px);font-weight:900;line-height:.96;margin-bottom:24px;letter-spacing:-.035em;color:#fff;max-width:920px}[data-theme=light] .ux-hero-inner h1{color:#0d1b2a}.ux-h1-accent{background:linear-gradient(135deg,#d946ef,#e879f9 30%,#a21caf 70%,#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .ux-h1-accent{background:linear-gradient(135deg,#a21caf,#d946ef 30%,#a21caf 70%,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ux-hero-sub{font-size:clamp(15px,1.3vw,19px);color:#ffffffa6;line-height:1.7;margin-bottom:36px;max-width:820px}[data-theme=light] .ux-hero-sub{color:#0f172ab3}.ux-hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}.ux-hero-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:18px 36px;border-radius:8px;font-weight:700;font-size:1.05rem;color:#ffffffd9;text-decoration:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;transition:all .3s ease}.ux-hero-btn-ghost:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-2px)}[data-theme=light] .ux-hero-btn-ghost{color:#0f172ad9;border-color:#0f172a1f;background:#0f172a08}[data-theme=light] .ux-hero-btn-ghost:hover{background:#d946ef0f;border-color:#d946ef33;color:#a21caf}.ux-arrow{display:inline-block;transition:transform .3s ease}.ux-hero-btn-ghost:hover .ux-arrow{transform:translate(4px)}.ux-hero-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:780px}.ux-hero-badge-item{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:100px;font-size:.78rem;font-weight:600;color:#ffffffb3}.ux-hero-badge-item svg{color:#d946ef;flex-shrink:0}[data-theme=light] .ux-hero-badge-item{background:#0f172a08;border-color:#0f172a0f;color:#0f172aa6}[data-theme=light] .ux-hero-badge-item svg{color:#a21caf}@media(max-width:640px){.ux-hero{min-height:auto;padding-top:40px}.ux-hero-inner{padding:60px 0 40px}.ux-hero-inner h1{font-size:clamp(28px,9vw,44px);line-height:1}.ux-hero-sub{font-size:14px}.ux-hero-actions{flex-direction:column;align-items:center}.ux-hero-btn-ghost{width:100%;justify-content:center}.ux-hero-badges{gap:5px}.ux-hero-badge-item{font-size:.7rem;padding:5px 10px}}