.q4-hero{position:relative;isolation:isolate;background-color:#060814;color:#f8fafc}.q4-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(900px 520px at 12% -10%,rgba(245,158,11,.16),transparent 60%),radial-gradient(820px 520px at 92% -6%,rgba(225,29,72,.16),transparent 62%),radial-gradient(1100px 620px at 50% 115%,rgba(37,99,235,.28),transparent 65%),#060814}.q4-hero-grid{position:absolute;inset:0;background-size:48px 48px;background-image:linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 0),linear-gradient(180deg,rgba(148,163,184,.07) 1px,transparent 0);-webkit-mask-image:radial-gradient(ellipse at 50% 35%,black 15%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 35%,black 15%,transparent 75%)}.q4-hero-sparkle{position:absolute;width:3px;height:3px;border-radius:9999px;background:#fde68a;box-shadow:0 0 10px 2px rgba(253,230,138,.55);opacity:.15;animation:q4-twinkle 4.5s ease-in-out infinite}@keyframes q4-twinkle{0%,to{opacity:.12;transform:scale(.8)}50%{opacity:.85;transform:scale(1.25)}}.q4-float{pointer-events:none;will-change:transform;animation:q4-float 9s ease-in-out infinite;transform:rotate(var(--q4-r,0deg))}@keyframes q4-float{0%,to{transform:translateY(0) rotate(var(--q4-r,0deg))}50%{transform:translateY(-14px) rotate(calc(var(--q4-r, 0deg) + 5deg))}}.q4-bulb{width:5px;height:7px;border-radius:9999px;opacity:.5;animation:q4-bulb 2.8s ease-in-out infinite}@keyframes q4-bulb{0%,to{opacity:.35}50%{opacity:1}}.q4-btn{color:#1c0d24;background-image:linear-gradient(90deg,#fcd34d,#fb7185 25%,#a78bfa 50%,#fb7185 75%,#fcd34d);background-size:200% 100%;background-position:0 0;box-shadow:0 12px 32px -10px rgba(244,63,94,.6),inset 0 1px 0 rgba(255,255,255,.5);transition:background-position .6s ease,transform .2s ease,box-shadow .3s ease}.q4-btn:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 16px 40px -10px rgba(244,63,94,.75),inset 0 1px 0 rgba(255,255,255,.5)}.q4-btn:active{transform:scale(.98)}.q4-btn:disabled{opacity:.75;cursor:progress;transform:none}.q4-btn:focus-visible{outline:2px solid #fde68a;outline-offset:3px}.q4-gradient-text{background:linear-gradient(92deg,#fcd34d,#fb7185 48%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.q4-gradient-bar{background:linear-gradient(90deg,#f59e0b,#f43f5e 50%,#8b5cf6)}.q4-glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.q4-form{transition:border-color .25s ease,box-shadow .25s ease;box-shadow:0 24px 60px -20px rgba(0,0,0,.6)}.q4-form:focus-within{border-color:rgba(251,191,36,.55);box-shadow:0 0 0 1px rgba(251,191,36,.25),0 24px 60px -20px rgba(0,0,0,.6),0 0 40px rgba(244,63,94,.18)}.q4-pulse-dot{animation:q4-pulse 2s infinite}@keyframes q4-pulse{0%{box-shadow:0 0 0 0 rgba(244,63,94,.7)}70%{box-shadow:0 0 0 9px rgba(244,63,94,0)}to{box-shadow:0 0 0 0 rgba(244,63,94,0)}}.q4-fade-up{opacity:0;transform:translateY(18px);animation:q4-fade-up .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes q4-fade-up{to{opacity:1;transform:none}}.q4-reveal{animation:q4-fade-up .7s cubic-bezier(.16,1,.3,1) both}.q4-step-in{animation:q4-step-in .45s ease-out both}@keyframes q4-step-in{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}.q4-locked{filter:blur(6px);user-select:none;pointer-events:none;max-height:380px;overflow:hidden}.q4-scroll-x{scrollbar-width:thin}.q4-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:9999px;background:linear-gradient(90deg,var(--q4-range-fill,#2563eb) var(--q4-range-pct,50%),rgba(148,163,184,.3) var(--q4-range-pct,50%));outline:none}.q4-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:9999px;background:#ffffff;border:3px solid var(--q4-range-fill,#2563eb);box-shadow:0 2px 6px rgba(15,23,42,.25);cursor:pointer}.q4-range::-moz-range-thumb{width:16px;height:16px;border-radius:9999px;background:#ffffff;border:3px solid var(--q4-range-fill,#2563eb);box-shadow:0 2px 6px rgba(15,23,42,.25);cursor:pointer}.q4-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(37,99,235,.3)}@media (prefers-reduced-motion:reduce){.q4-bulb,.q4-float,.q4-hero-sparkle,.q4-pulse-dot{animation:none!important}.q4-btn,.q4-btn:hover{transition:none;transform:none}.q4-fade-up,.q4-reveal,.q4-step-in{opacity:1;transform:none;animation:none}}