@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #0078D4;--secondary: #BF0A30;--dark: #0A1628;--light: #F8FAFC;--text: #64748B}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.6}.skip-to-content{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;font-weight:700;font-size:14px;z-index:10000;transition:top .2s}.skip-to-content:focus{top:0;outline:none}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0000001a}.gradient-text{background:linear-gradient(135deg,#0078d4,#005a9e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.5,0,0,1),transform .8s cubic-bezier(.5,0,0,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}to{transform:scale(2.4);opacity:0}}@keyframes dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 #0078d499}50%{transform:scale(1.3);box-shadow:0 0 0 6px #0078d400}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:8px;min-width:260px;box-shadow:0 10px 40px -10px #0000001a;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown-item{display:block;padding:10px 14px;border-radius:8px;color:#0a1628;font-weight:600;font-size:14px;transition:background .1s}.nav-dropdown-item:hover{background:#f1f5f9;color:#0078d4}.nav-dropdown-item small{display:block;font-weight:400;font-size:12px;color:#64748b;margin-top:2px}.nav-dropdown-trigger{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:500;color:#475569;transition:color .2s;padding:8px 0}.nav-dropdown:hover .nav-dropdown-trigger{color:#0078d4}.page-hero{padding:140px 24px 80px;background:#0a1628;color:#fff;text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,120,212,.15) 0%,transparent 60%);pointer-events:none}.page-hero h1{font-size:clamp(36px,5vw,64px);font-weight:800;margin-bottom:24px;line-height:1.1;position:relative}.page-hero p{font-size:18px;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.6;position:relative}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media(max-width:768px){.mobile-only{display:flex!important}.desktop-only,.side-dashboard{display:none!important}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}}
