/* Shared base styles for all Inteller pages */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#f7f8fb;color:#0b1020;font-family:'Geist',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:220px;mix-blend-mode:multiply}
*{scrollbar-width:thin;scrollbar-color:rgba(91,58,255,0.25) transparent}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:rgba(91,58,255,0.25);border-radius:2px}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.fade-up{animation:fadeUp 0.8s ease forwards;opacity:1}
.fade-in{animation:fadeIn 0.6s ease forwards;opacity:1}

/* Glow gradients used across pages */
.bg-glow-1{background:radial-gradient(ellipse 60% 50% at 30% 20%, rgba(14,165,233,0.07) 0%, transparent 60%)}
.bg-glow-2{background:radial-gradient(ellipse 50% 40% at 80% 60%, rgba(160,32,240,0.06) 0%, transparent 60%)}

/* Typography helpers */
.h1-xl{font-family:'Manrope',sans-serif;font-weight:600;letter-spacing:-0.035em;line-height:1.02;font-size:clamp(48px,7vw,96px)}
.h2{font-family:'Geist',sans-serif;font-weight:700;letter-spacing:-0.04em;line-height:1;font-size:clamp(36px,4.5vw,64px)}
.body{font-family:'Manrope',sans-serif;font-weight:400;line-height:1.6;color:rgba(11,16,32,0.7)}