:root{--neu-bg: #e0e5ec;--neu-bg-dark: #d1d9e6;--neu-shadow-dark: #a3b1c6;--neu-shadow-light: rgba(255, 255, 255, .6);--accent-primary: #003366;--accent-secondary: #00509e;--accent-gradient: linear-gradient(135deg, #003366, #00509e);--accent-vibrant: #6e00ff;--accent-vibrant-secondary: #00e1ff;--accent-gradient-vibrant: linear-gradient(135deg, #6e00ff, #00e1ff);--accent-teal: #00c9a7;--accent-teal-light: #00e6be;--text-primary: #2d3748;--text-secondary: #4a5568;--text-tertiary: #718096;--text-light: #a0aec0;--text-on-accent: #ffffff;--neu-shadow-raised: 8px 8px 16px var(--neu-shadow-dark), -8px -8px 16px var(--neu-shadow-light);--neu-shadow-raised-sm: 4px 4px 8px var(--neu-shadow-dark), -4px -4px 8px var(--neu-shadow-light);--neu-shadow-raised-lg: 12px 12px 24px var(--neu-shadow-dark), -12px -12px 24px var(--neu-shadow-light);--neu-shadow-inset: inset 5px 5px 10px var(--neu-shadow-dark), inset -5px -5px 10px var(--neu-shadow-light);--neu-shadow-inset-sm: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50%;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--max-width: 1200px;--nav-height: 100px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--neu-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body);outline:none;border:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-secondary);text-shadow:2px 2px 5px rgba(255,255,255,.8),-1px -1px 3px rgba(0,0,0,.15)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{font-size:1rem;line-height:1.7;color:var(--text-secondary);text-shadow:1px 1px 3px rgba(255,255,255,.8),-1px -1px 2px rgba(0,0,0,.15);margin-bottom:var(--space-md)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.section-alt{padding:var(--space-4xl) 0;background:var(--neu-bg);box-shadow:var(--neu-shadow-inset);position:relative;z-index:1}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.text-center{text-align:center}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .6s ease,transform .6s ease}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .6s ease,transform .6s ease}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.reveal-scale.revealed{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0033664d}50%{box-shadow:0 0 40px #0369}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neu-bg)}::-webkit-scrollbar-thumb{background:var(--neu-shadow-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:var(--space-3xl) 0}.container{padding:0 var(--space-md)}}@media(max-width:480px){html{font-size:14px}}.neu-card{background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-raised);padding:var(--space-xl);transition:all var(--transition-base)}.neu-card:hover{transform:none;box-shadow:var(--neu-shadow-raised-lg)}.neu-card.inset{box-shadow:var(--neu-shadow-inset)}.neu-card.inset:hover{transform:none;box-shadow:var(--neu-shadow-inset)}.neu-card.flat{box-shadow:none;border:1px solid rgba(163,177,198,.2)}.neu-card.no-hover:hover{transform:none;box-shadow:var(--neu-shadow-raised)}.neu-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 32px;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;font-size:.95rem;letter-spacing:.02em;background:var(--neu-bg);color:var(--text-primary);box-shadow:var(--neu-shadow-raised-sm);transition:all var(--transition-base);cursor:pointer;border:none;text-decoration:none}.neu-btn:hover{box-shadow:var(--neu-shadow-raised);transform:translateY(-2px);color:var(--accent-primary)}.neu-btn:active{box-shadow:var(--neu-shadow-inset-sm);transform:translateY(0)}.neu-btn.primary{background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:4px 4px 12px #0033664d,-2px -2px 8px var(--neu-shadow-light)}.neu-btn.primary:hover{box-shadow:6px 6px 20px #0366,-3px -3px 12px var(--neu-shadow-light);color:var(--text-on-accent);transform:translateY(-2px)}.neu-btn.primary:active{box-shadow:inset 3px 3px 8px #0003;transform:translateY(0)}.neu-btn.secondary{background:transparent;box-shadow:none;border:2px solid var(--accent-primary);color:var(--accent-primary)}.neu-btn.secondary:hover{background:var(--accent-gradient);color:var(--text-on-accent);border-color:transparent;box-shadow:4px 4px 12px #0033664d}.neu-btn.sm{padding:10px 20px;font-size:.85rem}.neu-btn.lg{padding:18px 40px;font-size:1.05rem}.neu-btn .btn-icon{width:18px;height:18px}.neu-input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.neu-input-group label{font-family:var(--font-heading);font-weight:600;font-size:.9rem;color:var(--text-primary)}.neu-input{background:var(--neu-bg);border:none;border-radius:var(--radius-md);padding:14px 18px;font-size:.95rem;color:var(--text-primary);box-shadow:var(--neu-shadow-inset-sm);transition:all var(--transition-base);width:100%}.neu-input:focus{box-shadow:var(--neu-shadow-inset),0 0 0 3px #00336626}.neu-input::placeholder{color:var(--text-light)}textarea.neu-input{resize:vertical;min-height:120px;font-family:var(--font-body)}.section-heading{text-align:center;margin-bottom:var(--space-3xl)}.section-heading .section-label{display:inline-block;padding:6px 16px;background:var(--neu-bg);border-radius:var(--radius-md);box-shadow:var(--neu-shadow-raised-sm);font-family:var(--font-heading);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:var(--space-md)}.section-heading h2{margin-bottom:var(--space-md)}.section-heading p{max-width:600px;margin:0 auto;font-size:1.05rem}.section-heading .accent-line{width:60px;height:4px;background:var(--accent-gradient);border-radius:var(--radius-md);margin:var(--space-md) auto 0}.stat-counter{text-align:center;padding:var(--space-lg)}.stat-counter .stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-sm)}.stat-counter .stat-label{font-size:.9rem;color:var(--text-tertiary);font-weight:500}.product-card{position:relative;background:var(--neu-bg);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow-inset);padding:var(--space-2xl);transition:all var(--transition-base);overflow:hidden}.product-card:hover{transform:none;box-shadow:var(--neu-shadow-inset)}.product-card .product-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--neu-bg);box-shadow:var(--neu-shadow-raised-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);color:var(--card-accent, var(--accent-primary))}.product-card .product-icon svg{width:28px;height:28px}.product-card h3{margin-bottom:var(--space-xs);font-size:1.3rem}.product-card .product-tagline{font-size:.85rem;color:var(--accent-primary);font-weight:600;margin-bottom:var(--space-md)}.product-card p{font-size:.9rem;margin-bottom:var(--space-lg)}.product-card .tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.product-card .tech-badge{padding:4px 10px;background:var(--neu-bg);border-radius:var(--radius-sm);box-shadow:var(--neu-shadow-raised-sm);font-size:.75rem;font-weight:500;color:var(--text-tertiary)}.filter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.filter-tab{padding:10px 20px;border-radius:var(--radius-md);background:var(--neu-bg);box-shadow:var(--neu-shadow-raised-sm);font-family:var(--font-heading);font-weight:600;font-size:.85rem;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);border:none}.filter-tab:hover{color:var(--accent-primary);transform:translateY(-2px)}.filter-tab.active{box-shadow:var(--neu-shadow-inset-sm);color:var(--accent-primary);transform:none}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.accent{background:var(--accent-gradient);color:#fff}.badge.teal{background:var(--accent-teal);color:#fff}.badge.outline{background:transparent;border:1.5px solid var(--accent-primary);color:var(--accent-primary)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);display:flex;align-items:center;background:#e0e5ecd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base)}.navbar.scrolled{box-shadow:0 4px 20px #a3b1c64d}.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-weight:800;font-size:1.3rem;color:var(--text-primary);text-decoration:none}.navbar-logo .logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--neu-shadow-raised-sm)}.navbar-logo .logo-icon svg{width:22px;height:22px;color:#fff}.navbar-logo span .accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:var(--space-xs);position:relative}.nav-item-container{display:flex;align-items:center}.navbar-links a{position:relative;padding:8px 16px;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:500;font-size:.88rem;color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none;z-index:1}.navbar-links a:hover,.navbar-links a.active{color:var(--accent-primary)}.navbar-active-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--neu-bg);box-shadow:var(--neu-shadow-inset-sm);border-radius:var(--radius-md);z-index:-1}.nav-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:24px;padding:16px;background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-inset);display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px;z-index:100}.nav-dropdown-item{padding:10px 16px!important;font-size:.85rem!important;color:var(--text-secondary)!important;border-radius:var(--radius-sm)!important;transition:all var(--transition-fast)!important;white-space:nowrap}.nav-dropdown-item:hover{background:var(--neu-bg-dark)!important;color:var(--accent-primary)!important;transform:translate(4px)}.nav-dropdown-item.active{background:var(--neu-bg-dark)!important;color:var(--accent-primary)!important;box-shadow:var(--neu-shadow-inset-sm)}.navbar-cta{margin-left:var(--space-md)}.navbar-toggle{display:none;width:40px;height:40px;border-radius:var(--radius-md);background:var(--neu-bg);box-shadow:var(--neu-shadow-raised-sm);align-items:center;justify-content:center;cursor:pointer;border:none;color:var(--text-primary)}.navbar-toggle svg{width:22px;height:22px}.mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:#e0e5ecfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;padding:var(--space-xl);flex-direction:column;gap:var(--space-sm);animation:slide-up .3s ease}.mobile-menu.open{display:flex}.mobile-menu a{padding:14px 20px;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;font-size:1rem;color:var(--text-secondary);background:var(--neu-bg);box-shadow:var(--neu-shadow-raised-sm);text-decoration:none;transition:all var(--transition-fast)}.mobile-menu a:hover,.mobile-menu a.active{color:var(--accent-primary);box-shadow:var(--neu-shadow-inset-sm)}.mobile-sub-link{margin-top:-4px;padding:10px 20px 10px 40px!important;font-size:.9rem!important;font-weight:500!important;color:var(--text-tertiary)!important;background:transparent!important;box-shadow:none!important;display:block}.mobile-sub-link:hover,.mobile-sub-link.active{color:var(--accent-primary)!important;background:#00336608!important;box-shadow:var(--neu-shadow-inset-sm)!important}@media(max-width:960px){.navbar-links,.navbar-cta-desktop{display:none}.navbar-toggle{display:flex}}.footer{background:var(--neu-bg);box-shadow:var(--neu-shadow-inset);padding:var(--space-4xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-3xl)}.footer-brand .footer-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-weight:800;font-size:1.2rem;color:var(--text-primary);margin-bottom:var(--space-md);text-decoration:none}.footer-brand .footer-logo .logo-dot{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--neu-shadow-raised-sm)}.footer-brand .footer-logo .logo-dot svg{width:20px;height:20px;color:#fff}.footer-brand p{font-size:.9rem;margin-bottom:var(--space-lg);max-width:320px}.footer-socials{display:flex;gap:var(--space-sm)}.footer-social-link{width:40px;height:40px;border-radius:var(--radius-md);background:var(--neu-bg);box-shadow:var(--neu-shadow-raised-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-base)}.footer-social-link:hover{color:var(--accent-primary);box-shadow:var(--neu-shadow-inset-sm);transform:translateY(-2px)}.footer-social-link svg{width:18px;height:18px}.footer-column h4{font-family:var(--font-heading);font-weight:700;font-size:1rem;margin-bottom:var(--space-lg);color:var(--text-primary)}.footer-column ul{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-column ul li a{font-size:.9rem;color:var(--text-tertiary);transition:color var(--transition-fast);text-decoration:none}.footer-column ul li a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid rgba(163,177,198,.3);padding-top:var(--space-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer-bottom p{font-size:.85rem;color:var(--text-light)}.footer-bottom-links{display:flex;gap:var(--space-lg)}.footer-bottom-links a{font-size:.85rem;color:var(--text-light);text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--accent-primary)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}.footer-bottom{flex-direction:column;text-align:center}}.hero{position:relative;min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;padding:var(--space-4xl) 0 var(--space-3xl);overflow:hidden}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero-content{max-width:650px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 16px;background:var(--neu-bg);border-radius:var(--radius-md);box-shadow:var(--neu-shadow-inset-sm);font-family:var(--font-heading);font-weight:700;font-size:.85rem;color:var(--accent-primary);margin-bottom:var(--space-lg);animation:slide-up .6s ease}.hero-badge .pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-teal-light);box-shadow:0 0 10px var(--accent-teal-light);animation:pulse-glow 2s ease infinite}.hero h1{font-size:clamp(2.5rem,4vw,3.8rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-md);animation:slide-up .6s ease .1s both}.hero h1 .highlight{color:var(--accent-primary)}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl);max-width:550px;animation:slide-up .6s ease .2s both}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-2xl);animation:slide-up .6s ease .3s both}.neu-btn.vibrant{background:var(--accent-gradient-vibrant);color:#fff;box-shadow:0 10px 20px #6e00ff4d,inset 0 2px 4px #ffffff4d;border:none;font-size:1rem;padding:14px 32px;border-radius:var(--radius-md)}.neu-btn.vibrant:hover{transform:translateY(-2px);box-shadow:0 15px 25px #6e00ff66,inset 0 2px 4px #fff6;color:#fff}.neu-btn.soft-inset{background:var(--neu-bg);color:var(--accent-primary);box-shadow:var(--neu-shadow-inset);border-radius:var(--radius-md);padding:14px 32px;font-size:1rem}.neu-btn.soft-inset:hover{box-shadow:var(--neu-shadow-raised)}.hero-features-pill{display:inline-flex;align-items:center;gap:var(--space-md);padding:10px 20px;background:var(--neu-bg);border-radius:var(--radius-md);box-shadow:var(--neu-shadow-raised);animation:slide-up .6s ease .4s both;flex-wrap:nowrap;white-space:nowrap}.hero-feature-item{display:flex;align-items:center;gap:8px}.hero-feature-icon{width:28px;height:28px;border-radius:50%;background:var(--neu-bg);box-shadow:var(--neu-shadow-inset-sm);display:flex;align-items:center;justify-content:center}.hero-feature-icon svg{width:12px;height:12px;color:var(--accent-primary)}.hero-feature-text{font-family:var(--font-heading);font-weight:700;font-size:.7rem;line-height:1.2;color:var(--text-primary)}.hero-visuals{position:relative;width:100%;height:650px;display:flex;align-items:center;justify-content:center;animation:slide-up .8s ease .2s both}.hero-svg-wrapper{position:relative;width:100%;height:100%;perspective:1200px}.orbital-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(110,0,255,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.orbital-ring-outer,.orbital-ring-inner{position:absolute;top:50%;left:50%;border-radius:50%;border:1.5px dashed rgba(163,177,198,.4);pointer-events:none}.orbital-ring-outer{width:520px;height:520px;margin-left:-260px;margin-top:-260px;animation:ring-spin-slow 50s linear infinite}.orbital-ring-inner{width:320px;height:320px;margin-left:-160px;margin-top:-160px;animation:ring-spin-slow 30s linear infinite reverse}.glow-dot{position:absolute;width:10px;height:10px;border-radius:50%;z-index:2}.dot-1{top:12%;right:18%;background:#6e00ff;box-shadow:0 0 12px 4px #6e00ff99;animation:float-svg 4s ease-in-out infinite}.dot-2{bottom:20%;left:10%;background:#00e1ff;box-shadow:0 0 12px 4px #00e1ff99;animation:float-svg 5s ease-in-out infinite 1s}.dot-3{bottom:35%;right:5%;background:#00c9a7;box-shadow:0 0 10px 3px #00c9a780;animation:float-svg 6s ease-in-out infinite .5s}.orbital-center-core{position:absolute;top:50%;left:50%;width:140px;height:140px;margin-left:-70px;margin-top:-70px;background:var(--neu-bg);border-radius:32px;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:18px 18px 36px #a3b1c680,-18px -18px 36px #ffffff80,inset 3px 3px 6px #fff6,inset -3px -3px 6px #a3b1c626;transform:rotateX(10deg) rotateY(-5deg);animation:float-svg 6s ease-in-out infinite}.orbital-center-core svg{width:70px;height:70px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.orbital-card{position:absolute;background:var(--neu-bg);border-radius:28px;padding:24px 20px;width:185px;text-align:center;z-index:5;box-shadow:18px 18px 36px #a3b1c680,-18px -18px 36px #ffffff80,inset 3px 3px 6px #fff6,inset -3px -3px 6px #a3b1c626;transition:transform .4s ease,box-shadow .4s ease;will-change:transform}.orbital-card:hover{box-shadow:22px 22px 44px #a3b1c699,-22px -22px 44px #fff9,inset 3px 3px 6px #ffffff80,inset -3px -3px 6px #a3b1c633}.orbital-card-icon{width:72px;height:72px;margin:0 auto 8px;border-radius:16px;display:flex;align-items:center;justify-content:center}.orbital-card-icon svg{width:64px;height:64px;overflow:visible}.orbital-card h4{font-family:var(--font-heading);font-size:.95rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.orbital-card p{font-size:.72rem;color:var(--text-tertiary);line-height:1.3}.card-pos-1{top:2%;left:8%;transform:rotateX(8deg) rotateY(12deg) rotate(-3deg);animation:float-tilt-1 7s ease-in-out infinite}.card-pos-2{top:8%;right:-2%;transform:rotateX(6deg) rotateY(-14deg) rotate(4deg);animation:float-tilt-2 8s ease-in-out infinite .5s}.card-pos-3{bottom:12%;left:0%;transform:rotateX(-6deg) rotateY(10deg) rotate(3deg);animation:float-tilt-3 6.5s ease-in-out infinite 1s}.card-pos-4{bottom:2%;right:2%;transform:rotateX(-8deg) rotateY(-12deg) rotate(-2deg);animation:float-tilt-4 7.5s ease-in-out infinite 1.5s}@keyframes float-tilt-1{0%,to{transform:rotateX(8deg) rotateY(12deg) rotate(-3deg) translateY(0)}50%{transform:rotateX(12deg) rotateY(8deg) rotate(-1deg) translateY(-18px)}}@keyframes float-tilt-2{0%,to{transform:rotateX(6deg) rotateY(-14deg) rotate(4deg) translateY(0)}50%{transform:rotateX(10deg) rotateY(-10deg) rotate(2deg) translateY(-15px)}}@keyframes float-tilt-3{0%,to{transform:rotateX(-6deg) rotateY(10deg) rotate(3deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(14deg) rotate(1deg) translateY(-20px)}}@keyframes float-tilt-4{0%,to{transform:rotateX(-8deg) rotateY(-12deg) rotate(-2deg) translateY(0)}50%{transform:rotateX(-4deg) rotateY(-8deg) rotate(0) translateY(-16px)}}@keyframes ring-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-svg{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:1100px){.hero-visuals{transform:scale(.8)}}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.hero-content{text-align:center;margin:0 auto}.hero-badge,.hero-actions,.hero-features-pill{justify-content:center;margin-left:auto;margin-right:auto}.hero-visuals{height:500px;transform:scale(.7)}}.page-header{padding:var(--space-4xl) 0 var(--space-2xl);text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;border-radius:50%;background:#00336608;pointer-events:none}.page-header h1{margin-bottom:var(--space-md)}.page-header .page-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.about-timeline{position:relative;padding-left:40px}.about-timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:3px;background:var(--accent-gradient);border-radius:var(--radius-md)}.timeline-item{position:relative;margin-bottom:var(--space-xl);padding-left:var(--space-lg)}.timeline-item:before{content:"";position:absolute;left:-28px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 0 12px #0366}.timeline-year{font-family:var(--font-heading);font-weight:800;font-size:1.1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.portfolio-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start;margin-bottom:var(--space-3xl);padding-bottom:var(--space-3xl);border-bottom:1px solid rgba(163,177,198,.3)}.portfolio-detail:last-child{border-bottom:none}.portfolio-detail:nth-child(2n){direction:rtl}.portfolio-detail:nth-child(2n)>*{direction:ltr}.portfolio-detail .feature-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-lg) 0}.portfolio-detail .feature-list li{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--text-secondary)}.portfolio-detail .feature-list li svg{flex-shrink:0;width:16px;height:16px;color:var(--accent-teal)}.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-2xl)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.blog-card{background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-raised);overflow:hidden;transition:all var(--transition-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--neu-shadow-raised-lg)}.blog-card-image{width:100%;height:200px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-heading);font-size:2rem;font-weight:800;opacity:.7}.blog-card-content{padding:var(--space-xl)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);font-size:.8rem;color:var(--text-light)}.blog-card h3{font-size:1.2rem;margin-bottom:var(--space-sm);transition:color var(--transition-fast)}.blog-card:hover h3{color:var(--accent-primary)}.blog-card p{font-size:.9rem}.blog-post-content h2{font-size:1.8rem;margin:var(--space-2xl) 0 var(--space-md);color:var(--text-primary)}.blog-post-content h3{font-size:1.4rem;margin:var(--space-xl) 0 var(--space-sm);color:var(--text-secondary)}.blog-post-content p{margin-bottom:var(--space-md)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.blog-post-content li{margin-bottom:var(--space-xs)}.blog-post-content blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--space-lg);margin:var(--space-xl) 0;font-style:italic;font-weight:500;color:var(--text-secondary);background:var(--neu-bg);padding:var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0}.blog-sidebar{display:flex;flex-direction:column;gap:var(--space-xl)}.sidebar-widget{background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-raised);padding:var(--space-xl)}.sidebar-widget h4{margin-bottom:var(--space-md);font-size:1rem}.sidebar-widget ul{display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-widget ul li a,.sidebar-widget ul li button{font-size:.9rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-body);padding:0;text-align:left;transition:color var(--transition-fast)}.sidebar-widget ul li a:hover,.sidebar-widget ul li button:hover{color:var(--accent-primary)}.events-timeline{position:relative;padding-left:40px}.events-timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--accent-primary),var(--accent-teal));border-radius:var(--radius-md)}.event-item{position:relative;margin-bottom:var(--space-xl);padding-left:var(--space-xl)}.event-item:before{content:"";position:absolute;left:-28px;top:12px;width:14px;height:14px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 0 12px #0366}.event-card{background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-raised);padding:var(--space-xl);transition:all var(--transition-base)}.event-card:hover{transform:translate(6px);box-shadow:var(--neu-shadow-raised-lg)}.event-date{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-weight:600;font-size:.85rem;color:var(--accent-primary);margin-bottom:var(--space-sm)}.event-card h3{font-size:1.2rem;margin-bottom:var(--space-sm)}.event-card p{font-size:.9rem;margin-bottom:var(--space-md)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.contact-form,.contact-info-cards{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-info-card{display:flex;align-items:flex-start;gap:var(--space-md)}.contact-info-card .info-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--neu-bg);box-shadow:var(--neu-shadow-raised-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-primary)}.contact-info-card h4{font-size:.95rem;margin-bottom:2px}.contact-info-card p{font-size:.85rem}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.team-card{text-align:center;background:var(--neu-bg);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow-raised);padding:var(--space-2xl) var(--space-lg);transition:all var(--transition-base)}.team-card:hover{transform:translateY(-6px);box-shadow:var(--neu-shadow-raised-lg)}.team-avatar{width:100px;height:100px;border-radius:var(--radius-md);background:var(--accent-gradient);margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-heading);font-weight:800;font-size:2rem;box-shadow:var(--neu-shadow-raised)}.team-card h3{font-size:1.1rem;margin-bottom:var(--space-xs)}.team-card .team-role{font-size:.85rem;color:var(--accent-primary);font-weight:600;margin-bottom:var(--space-md)}.team-card p{font-size:.85rem;margin-bottom:var(--space-md)}.team-socials{display:flex;justify-content:center;gap:var(--space-sm)}.team-social-link{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--neu-bg);box-shadow:var(--neu-shadow-raised-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-base)}.team-social-link:hover{color:var(--accent-primary);box-shadow:var(--neu-shadow-inset-sm)}.team-social-link svg{width:16px;height:16px}.mission-statement{max-width:800px;margin:0 auto var(--space-3xl);text-align:center}.mission-statement blockquote{font-family:var(--font-heading);font-size:1.4rem;font-weight:500;line-height:1.6;color:var(--text-primary);font-style:italic;padding:var(--space-xl);background:var(--neu-bg);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow-raised);position:relative}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.value-card{text-align:center;padding:var(--space-2xl);background:var(--neu-bg);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow-raised);transition:all var(--transition-base)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--neu-shadow-raised-lg)}.value-icon{width:60px;height:60px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);color:#fff}.value-card h4{margin-bottom:var(--space-sm)}.roadmap{position:relative;padding-left:40px}.roadmap:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:3px;background:var(--accent-gradient);border-radius:var(--radius-md)}.roadmap-item{position:relative;margin-bottom:var(--space-2xl);padding-left:var(--space-xl)}.roadmap-item:before{content:"";position:absolute;left:-28px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 0 12px #0366}.roadmap-year{font-family:var(--font-heading);font-weight:800;font-size:1.3rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}.roadmap-goals{display:flex;flex-direction:column;gap:var(--space-sm)}.roadmap-goals li{display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem;color:var(--text-secondary)}.roadmap-goals li svg{flex-shrink:0;color:var(--accent-teal);width:16px;height:16px}.careers-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.perk-card{text-align:center;padding:var(--space-xl);background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-raised)}.perk-card svg{width:32px;height:32px;color:var(--accent-primary);margin-bottom:var(--space-md)}.perk-card h4{font-size:.95rem;margin-bottom:var(--space-xs)}.perk-card p{font-size:.85rem}.job-listing{background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-raised);padding:var(--space-xl);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-base)}.job-listing:hover{transform:translate(6px);box-shadow:var(--neu-shadow-raised-lg)}.job-info h3{font-size:1.1rem;margin-bottom:var(--space-xs)}.job-tags{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}@media(max-width:1024px){.portfolio-detail{grid-template-columns:1fr}.portfolio-detail:nth-child(2n){direction:ltr}.blog-layout{grid-template-columns:1fr}.team-grid,.values-grid,.careers-perks{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.portfolio-grid,.contact-grid,.team-grid,.values-grid,.careers-perks{grid-template-columns:1fr}.job-listing{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.marquee-section{padding:var(--space-md) 0 var(--space-4xl);background:transparent;position:relative;z-index:1}.marquee-wrapper{overflow:hidden;white-space:nowrap;position:relative;width:100%;padding:var(--space-xl) 0;display:flex;align-items:center}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;width:150px;height:100%;z-index:2;pointer-events:none}.marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--neu-bg),transparent)}.marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--neu-bg),transparent)}.marquee-track{display:inline-flex;gap:var(--space-4xl);animation:marquee 30s linear infinite;padding-left:var(--space-4xl)}@keyframes liquid-morph{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}to{border-radius:40% 60% 70% 30%/40% 50% 60%}}.marquee-item{display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);cursor:pointer;flex-shrink:0;width:260px;height:180px;background:var(--neu-bg);box-shadow:var(--neu-shadow-raised);animation:liquid-morph 12s ease-in-out infinite;padding:var(--space-xl)}.marquee-item:nth-child(2n){animation-duration:15s;animation-direction:reverse}.marquee-item:nth-child(3n){animation-duration:10s;animation-delay:-5s}.marquee-item:hover{box-shadow:var(--neu-shadow-inset);transform:scale(.95)}.marquee-logo{height:125px;width:100%;object-fit:contain;opacity:.85;filter:grayscale(40%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0;display:block}.umbgames-logo{height:70px;width:auto}.marquee-item:hover .marquee-logo{opacity:1;filter:grayscale(0%);transform:scale(1.15)}.marquee-item.text-logo{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;opacity:.7}.marquee-item.text-logo:hover{color:var(--accent-primary);opacity:1;transform:scale(1.05)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#a3b1c633;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-md)}.modal-content{background:var(--neu-bg);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow-raised-lg);padding:var(--space-2xl);width:100%;max-width:500px;position:relative;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);background:var(--neu-bg);box-shadow:var(--neu-shadow-raised-sm);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast)}.modal-close:hover{color:var(--accent-primary);box-shadow:var(--neu-shadow-inset-sm)}.modal-content h3{margin-bottom:var(--space-xs);font-size:1.5rem;color:var(--text-primary)}.modal-content p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.modal-form{display:flex;flex-direction:column;gap:var(--space-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-md)}