@layer base{:root{--brand-dark: #0f172a;--brand-yellow: #fbbf24;--brand-yellow-hover: #d97706;--brand-gray: #334155}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,#fbbf24,#f97316);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)}}