.fog,.parallax .layer{will-change:transform,opacity}#particle-canvas,.floating-particles,.parallax .layer{inset:0;pointer-events:none}#particle-canvas,.floating-particles,.fog,.parallax .layer{pointer-events:none}#rain-heading,#rain-text,.card,.parallax{position:relative}body,html{height:100%}body{background:#05060a;color:#e6eef8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;overflow-x:hidden}.parallax{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax .layer{position:absolute;background-position:center;background-size:cover}.card{z-index:40;backdrop-filter:blur(6px);background:rgba(2,6,23,.45);border-radius:1rem;padding:2rem;box-shadow:0 10px 40px rgba(2,6,23,.6);transform-origin:center}.cinematic-bg,.fog{background-size:cover}.fog{position:absolute;width:160%;height:160%;left:-30%;top:-30%;background-repeat:no-repeat;opacity:.28;filter:blur(22px) saturate(120%)}#particle-canvas{position:fixed;z-index:20;mix-blend-mode:screen}.gallery-card{transform-style:preserve-3d;will-change:transform}.magnet{transition:transform .25s cubic-bezier(.2, .9, .3, 1)}.parallax-split-block,.split-center,.split-left,.split-right,.step-card,.step-title{will-change:transform,opacity;transition:1s cubic-bezier(.19, 1, .22, 1)}.animate-float-slow{animation:8s ease-in-out infinite alternate float-slow}.animate-float-fast{animation:6s ease-in-out infinite alternate float-fast}@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-fast{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.dynamic-curve{stroke-width:3;fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s ease-out;filter:drop-shadow(0 0 6px #0ea5e9)}.step-card:hover{transform:rotateY(5deg) rotateX(3deg) scale(1.05)}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (max-width:768px){.card{padding:1.25rem;border-radius:.75rem}}.cinematic-bg{background-image:url('https://images.unsplash.com/photo-1502920514313-52581002a659?q=80');background-position:center;background-attachment:fixed;filter:brightness(.55)}.fade-up{opacity:0;transform:translateY(40px);transition:1.5s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}.floating-particles{position:absolute;overflow:hidden}.floating-particles span{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;opacity:.15;animation:10s linear infinite floatUp}@keyframes floatUp{0%{transform:translateY(100vh) scale(.5)}100%{transform:translateY(-10vh) scale(1)}}#rain-text{display:inline-block;opacity:0;color:#fff;font-weight:600;line-height:1.5}.rain-char.text-gray-200{color:#e5e7eb}.rain-char.text-sky-400{color:#0ea5e9}@keyframes drop{0%{transform:translateY(-50px) rotate(-10deg);opacity:0}50%{transform:translateY(10px) rotate(5deg);opacity:1}100%{transform:translateY(0) rotate(0);opacity:1}}#rain-heading{opacity:0;line-height:1.2}.rain-char{display:inline-block;opacity:0;animation:1.5s forwards rainDrop}@keyframes rainDrop{0%{transform:translateY(-50px) rotate(-15deg) scale(.8);opacity:0;filter:brightness(2) blur(2px)}50%{transform:translateY(10px) rotate(5deg) scale(1.05);opacity:1;filter:brightness(1.5) blur(1px)}100%{transform:translateY(0) rotate(0) scale(1);opacity:1;filter:brightness(1) blur(0)}}