[x-cloak]{display:none!important;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'DM Sans',sans-serif;background:#0a0e1a;color:#e5e7eb;overflow-x:hidden;}h1,h2,h3,h4,h5,h6{font-family:'Syne',sans-serif;}@keyframes kenBurns{0%{transform:scale(1);}100%{transform:scale(1.15);}}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px);}to{opacity:1;transform:translateX(0);}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.5;}}@keyframes glow{0%,100%{text-shadow:0 0 10px rgba(56,189,248,.5),0 0 20px rgba(56,189,248,.3);}50%{text-shadow:0 0 10px rgba(56,189,248,.8),0 0 30px rgba(56,189,248,.5);}}.animate-ken-burns{animation:kenBurns 8s ease-out forwards;}.animate-float{animation:float 3s ease-in-out infinite;}.animate-slide-left{animation:slideInLeft .8s ease-out forwards;}.animate-slide-right{animation:slideInRight .8s ease-out forwards;}.animate-fade-up{animation:fadeInUp .6s ease-out forwards;}.button:hover{animation:pulse 1s ease-in-out infinite;}.animate-glow{animation:glow 2s ease-in-out infinite;}.bg-gradient-radial{background:radial-gradient(circle at 50% 50%,rgba(56,189,248,.1) 0%,transparent 50%);}.bg-mesh{background-image:radial-gradient(at 40% 20%,rgba(56,189,248,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(96,165,250,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(14,165,233,.1) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(56,189,248,.08) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(125,211,252,.1) 0px,transparent 50%);}.glass{background:rgba(15,23,42,.6);backdrop-filter:blur(10px);border:1px solid rgba(56,189,248,.1);}.webkit-scrollbar{width:10px;}.webkit-scrollbar-track{background:#0f172a;}.webkit-scrollbar-thumb{background:#38bdf8;border-radius:5px;}.webkit-scrollbar-thumb:hover{background:#0ea5e9;}.stagger-1{animation-delay:.1s;}.stagger-2{animation-delay:.2s;}.stagger-3{animation-delay:.3s;}.stagger-4{animation-delay:.4s;}.stagger-5{animation-delay:.5s;}.stagger-6{animation-delay:.6s;}.grid-pattern{background-image:linear-gradient(rgba(56,189,248,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.03) 1px,transparent 1px);background-size:50px 50px;}.hover-lift{transition:transform .3s ease,box-shadow .3s ease;}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(56,189,248,.2);}.reveal{opacity:0;transform:translateY(50px);transition:all .8s ease;}.reveal.active{opacity:1;transform:translateY(0);}.hero-hidden{visibility:hidden!important;opacity:0!important;}@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@keyframes kenBurns{0%{transform:scale(1);}100%{transform:scale(1.1);}}.animate-scroll{display:flex;animation:scroll 20s linear infinite;}.animate-ken-burns{animation:kenBurns 6s ease-out forwards;}.perspective-1500{perspective:1500px;}.preserve-3d{transform-style:preserve-3d;}.overflow-y-auto{scrollbar-width:thin;scrollbar-color:#38bdf8 #0f172a;}.overflow-y-auto::-webkit-scrollbar{width:8px;}.overflow-y-auto::-webkit-scrollbar-track{background:#0f172a;}.overflow-y-auto::-webkit-scrollbar-thumb{background:#38bdf8;border-radius:4px;}@keyframes borderGlow{0%,100%{box-shadow:0 0 5px rgba(56,189,248,.5);}50%{box-shadow:0 0 20px rgba(56,189,248,.8);}}.project-card{position:relative;}.project-card::before,.project-card::after{content:'';position:absolute;background:#38bdf8;z-index:10;pointer-events:none;}.project-card::before{top:0;left:0;width:0;height:2px;transition:width .6s ease;}.project-card::after{top:0;right:0;width:2px;height:0;transition:height .6s ease .6s;}.border-animation{position:absolute;inset:0;pointer-events:none;z-index:10;}.border-animation::before{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background:#38bdf8;transition:width .6s ease 1.2s;}.border-animation::after{content:'';position:absolute;bottom:0;left:0;width:2px;height:0;background:#38bdf8;transition:height .6s ease 1.8s;}.project-card:hover::before{width:100%;}.project-card:hover::after{height:100%;}.project-card:hover .border-animation::before{width:100%;}.project-card:hover .border-animation::after{height:100%;}.border-draw{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s ease;}.project-card:hover .border-draw{stroke-dashoffset:0;}