*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#0a0a0b;min-height:100vh}.volumetric-light{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.35;animation:volumetricPulse 8s ease-in-out infinite alternate}.volumetric-light--cyan{width:600px;height:600px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(0,240,255,.4) 0,transparent 70%)}.volumetric-light--gold{width:500px;height:500px;bottom:10%;left:-150px;background:radial-gradient(circle,rgba(212,175,55,.3) 0,transparent 70%);animation-delay:-4s}@keyframes volumetricPulse{0%{opacity:.25;transform:scale(1)}100%{opacity:.45;transform:scale(1.08)}}.glass-nav{background:rgba(10,10,11,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06)}.glass{background:rgba(255,255,255,.04);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.08)}.glass-card{background:rgba(22,22,24,.6);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}.gradient-text{background:linear-gradient(135deg,#d4af37 0,#00f0ff 50%,#f5c842 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 6s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0 center}100%{background-position:100% center}}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:9999px;font-weight:600;font-size:.9375rem;background:linear-gradient(135deg,#d4af37,#f5c842);color:#0a0a0b;text-decoration:none;border:none;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease}.btn-primary:hover{box-shadow:0 0 40px rgba(212,175,55,.35);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:9999px;font-weight:600;font-size:.9375rem;background:0 0;color:rgba(255,255,255,.85);text-decoration:none;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:border-color .3s ease,color .3s ease,box-shadow .3s ease}.btn-secondary:hover{border-color:rgba(0,240,255,.5);color:#00f0ff;box-shadow:0 0 30px rgba(0,240,255,.1)}.btn-view{display:inline-flex;align-items:center;padding:.5rem 1.25rem;border-radius:9999px;font-size:.8125rem;font-weight:600;background:rgba(0,240,255,.1);color:#00f0ff;border:1px solid rgba(0,240,255,.25);cursor:pointer;transition:background .3s ease,box-shadow .3s ease}.btn-view:hover{background:rgba(0,240,255,.2);box-shadow:0 0 20px rgba(0,240,255,.15)}.project-card{transform-style:preserve-3d;perspective:1000px;transition:box-shadow .4s ease}.project-card:hover{box-shadow:0 0 40px rgba(0,240,255,.12),0 20px 60px rgba(0,0,0,.5)}.project-card__inner{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .15s ease-out;will-change:transform}.project-thumb{width:100%;height:100%;border-radius:0;transition:transform .5s ease}.project-card:hover .project-thumb{transform:scale(1.05)}.project-thumb--1{background:linear-gradient(135deg,#1a0533 0,#7c3aed 40%,#00f0ff 100%);box-shadow:inset 0 0 60px rgba(0,240,255,.2)}.project-thumb--2{background:linear-gradient(135deg,#0c1929 0,#0891b2 40%,#d4af37 100%);box-shadow:inset 0 0 60px rgba(212,175,55,.15)}.project-thumb--3{background:linear-gradient(135deg,#1a0a00 0,#ea580c 40%,#7c3aed 100%);box-shadow:inset 0 0 60px rgba(234,88,12,.2)}.project-thumb--4{background:linear-gradient(135deg,#0a1628 0,#22d3ee 40%,#a855f7 100%);box-shadow:inset 0 0 60px rgba(34,211,238,.2)}.form-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:inherit;font-size:.9375rem;outline:0;transition:border-color .3s ease,box-shadow .3s ease}.form-input::placeholder{color:rgba(255,255,255,.25)}.form-input:focus{border-color:rgba(0,240,255,.4);box-shadow:0 0 0 3px rgba(0,240,255,.08)}.social-link{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);transition:color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease}.social-link:hover{color:#00f0ff;border-color:rgba(0,240,255,.3);box-shadow:0 0 20px rgba(0,240,255,.1);transform:translateY(-2px)}[data-motion]{opacity:0;transform:translateY(40px)}[data-motion].is-visible{opacity:1;transform:translateY(0)}#form-status.success{color:#00f0ff}#form-status.error{color:#f87171}@media (prefers-reduced-motion:reduce){.gradient-text,.volumetric-light,[data-motion]{animation:none!important;transition:none!important}[data-motion]{opacity:1;transform:none}.project-card__inner{transform:none!important}}