@layer base{:root{--brand-dark: #0B1E36;--brand-yellow: #FF5A1F;--brand-yellow-hover: #E04812;--brand-gray: #475569}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:#1f2937;background-color:#f8fafc}::selection{background-color:#fbbf244d;color:#0f172a}}.glass-morphism{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.premium-shadow{box-shadow:0 10px 30px -10px #0f172a26,0 4px 10px -5px #0f172a1a}.premium-shadow-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-shadow-hover:hover{box-shadow:0 20px 40px -15px #0f172a40,0 10px 20px -10px #0f172a26;transform:translateY(-4px)}.text-gradient{background:linear-gradient(to right,#ff5a1f,#ff8a4c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:9999px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#0f172a66}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.service-card-reveal{opacity:0;transform:translateY(20px)}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.background-pattern{background-image:radial-gradient(#0f172a 2px,transparent 2px),radial-gradient(#0f172a 2px,transparent 2px);background-size:32px 32px;background-position:0 0,16px 16px}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}