*{ scroll-behavior:smooth; }
        .glass { background:rgba(255,255,255,.03); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.06); }
        @keyframes float   { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
        @keyframes glow    { 0%,100%{opacity:.35} 50%{opacity:.7} }
        @keyframes fade-up { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
        @keyframes counter { from{--n:0} }
        .float     { animation:float 6s ease-in-out infinite; }
        .glow      { animation:glow 5s ease-in-out infinite; }
        .fade-up   { animation:fade-up .8s ease-out both; }

        /* Tilt card */
        .tilt-card { transition:transform .35s ease, box-shadow .35s ease; transform-style:preserve-3d; }
        .tilt-card:hover { box-shadow:0 20px 40px rgba(0,0,0,.35); }

        /* Particle canvas */
        #particles{ position:fixed;inset:0;z-index:-1;pointer-events:none; }

        /* Typed cursor */
        .typed-cursor{ display:inline-block;width:2px;height:1.1em;background:#60a5fa;margin-left:4px;vertical-align:text-bottom;animation:blink .7s steps(1) infinite; }
        @keyframes blink{ 0%,100%{opacity:1} 50%{opacity:0} }

        /* Scroll-triggered reveal */
        .reveal{ opacity:0;transform:translateY(40px);transition:opacity .7s ease, transform .7s ease; }
        .reveal.visible{ opacity:1;transform:translateY(0); }

        .anim-delay-100{ animation-delay:.1s; }
        .anim-delay-250{ animation-delay:.25s; }
        .anim-delay-400{ animation-delay:.4s; }
        .anim-delay-550{ animation-delay:.55s; }
        .anim-delay-700{ animation-delay:.7s; }
        .anim-delay-1000{ animation-delay:1s; }
        .anim-delay-2000{ animation-delay:2s; }
        .anim-delay-3000{ animation-delay:3s; }
        .anim-delay-3500{ animation-delay:3.5s; }