
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Inter', system-ui, sans-serif; background: #050816; color: #fff; overflow-x: hidden; }
    .grid-bg { background-image: linear-gradient(rgba(239,68,68,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(239,68,68,0.025) 1px, transparent 1px); background-size: 60px 60px; }
    @keyframes float { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-12px) } }
    @keyframes float-slow { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-8px) } }
    @keyframes scanline { 0%{ top:-10% } 100%{ top:110% } }
    @keyframes fade-up { from{ opacity:0; transform:translateY(24px) } to{ opacity:1; transform:translateY(0) } }
    @keyframes glow-pulse { 0%,100%{ box-shadow:0 0 20px rgba(239,68,68,0.12) } 50%{ box-shadow:0 0 40px rgba(239,68,68,0.25) } }
    @keyframes pulse-glow { 0%,100%{ opacity:.6; transform:scale(1) } 50%{ opacity:1; transform:scale(1.08) } }
    @keyframes radar-sweep { 0%{ transform:rotate(0deg) } 100%{ transform:rotate(360deg) } }
    @keyframes rotate-slow { 0%{ transform:rotate(0deg) } 100%{ transform:rotate(360deg) } }
    @keyframes dash-flow { to{ stroke-dashoffset:-20 } }
    @keyframes pulse-ring { 0%{ box-shadow:0 0 0 0 rgba(239,68,68,0.45) } 70%{ box-shadow:0 0 0 16px rgba(239,68,68,0) } 100%{ box-shadow:0 0 0 0 rgba(239,68,68,0) } }
    .anim-float { animation: float 7s ease-in-out infinite; }
    .anim-float-slow { animation: float-slow 9s ease-in-out 1.5s infinite; }
    .anim-fade-up { animation: fade-up .75s ease-out forwards; }
    .anim-glow { animation: glow-pulse 3s ease-in-out infinite; }
    .anim-pulse-glow { animation: pulse-glow 2.5s ease-in-out infinite; }
    .anim-radar { animation: radar-sweep 6s linear infinite; }
    .anim-rotate-slow { animation: rotate-slow 25s linear infinite; }
    .anim-dash { animation: dash-flow 1.5s linear infinite; }
    .pulse-ring { animation: pulse-ring 1.8s infinite; }
    .text-gradient-fire { background:linear-gradient(135deg,#EF4444 0%,#F59E0B 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
    .text-gradient-cyan { background:linear-gradient(135deg,#00D4FF 0%,#7C3AED 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
    .glass { background:rgba(255,255,255,0.02); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.06); }
    .glass-red { background:rgba(239,68,68,0.04); backdrop-filter:blur(16px); border:1px solid rgba(239,68,68,0.12); }
    .corner-brackets { position:relative; }
    .corner-brackets::before, .corner-brackets::after { content:''; position:absolute; width:14px; height:14px; border-color:rgba(239,68,68,0.35); border-style:solid; pointer-events:none; }
    .corner-brackets::before { top:-1px; left:-1px; border-width:2px 0 0 2px; border-radius:4px 0 0 0; }
    .corner-brackets::after { bottom:-1px; right:-1px; border-width:0 2px 2px 0; border-radius:0 0 4px 0; }
    .danger-stripe { background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(239,68,68,0.04) 8px,rgba(239,68,68,0.04) 16px); }
    ::-webkit-scrollbar { width:5px; }
    ::-webkit-scrollbar-track { background:#050816; }
    ::-webkit-scrollbar-thumb { background:rgba(239,68,68,0.3); border-radius:4px; }
    ::-webkit-scrollbar-thumb:hover { background:rgba(239,68,68,0.5); }
    .card-lift { transition:all .4s cubic-bezier(.25,.46,.45,.94); }
    .card-lift:hover { transform:translateY(-5px); }
    .card-shine { position:relative; overflow:hidden; }
    .card-shine::before { content:''; position:absolute; top:0; left:-100%; width:60%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.04),transparent); transition:left .6s; }
    .card-shine:hover::before { left:130%; }
    .reveal { opacity:0; transform:translateY(28px); transition:all .7s cubic-bezier(.25,.46,.45,.94); }
    .reveal.visible { opacity:1; transform:translateY(0); }
    .faq-answer { max-height:0; overflow:hidden; transition:max-height .35s ease, padding .35s ease; }
    .faq-answer.open { max-height:400px; padding-top:0.75rem; }
    .faq-icon { transition:transform .3s ease; }
    .faq-icon.open { transform:rotate(180deg); }
    .drop-zone { border:2px dashed rgba(255,255,255,0.1); border-radius:0.75rem; transition:all .3s ease; }
    .drop-zone:hover { border-color:rgba(239,68,68,0.3); background:rgba(239,68,68,0.02); }
    .step-connector::before { content:''; position:absolute; top:50%; left:-50%; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(239,68,68,0.2),transparent); }