@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--brand-navy: #001144;--brand-green: #22B14C;--brand-blue: #007BFF;--brand-cerulean: #00AEEF;--bg-light: #f4f9ff;--bg-light-secondary: #eef5ff;--bg-dark: var(--brand-navy);--text-primary: var(--brand-navy);--text-muted: #475569;--text-inverse: #ffffff;--glass-bg-light: rgba(255, 255, 255, .8);--glass-border-light: rgba(0, 17, 68, .1);--glass-border-highlight: rgba(0, 174, 239, .4);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-light);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.text-gradient-power{background:linear-gradient(to top,var(--brand-navy),var(--brand-cerulean));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-blue{background:linear-gradient(135deg,var(--brand-cerulean),var(--brand-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-green{color:var(--brand-green)}.text-blue{color:var(--brand-blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;border-radius:4px;font-weight:600;text-decoration:none;transition:var(--transition-fast);cursor:pointer;border:none;font-family:Inter,sans-serif;position:relative;overflow:hidden}.btn-primary{background:var(--brand-blue);color:#fff;box-shadow:0 0 15px #007bff4d}.btn-primary:hover{background:#0069d9;box-shadow:0 0 25px #007bff99;transform:translateY(-2px)}.btn-success{background:var(--brand-green);color:#fff;box-shadow:0 0 15px #22b14c4d}.btn-success:hover{background:#1b8c3c;box-shadow:0 0 25px #22b14c99;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid var(--brand-blue);color:var(--brand-navy)}.btn-outline:hover{background:#007bff1a;box-shadow:0 0 15px #007bff33 inset}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.25rem 0;background:var(--glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border-light);transition:var(--transition-smooth)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:800;color:var(--brand-navy);text-decoration:none;display:flex;align-items:center;gap:.5rem;letter-spacing:-.05em}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--brand-blue)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--bg-light);min-width:200px;box-shadow:0 8px 32px #0000001a;border:1px solid var(--glass-border-light);border-radius:4px;z-index:1;top:100%;left:0;padding:.5rem 0}.dropdown:hover .dropdown-content{display:block;animation:fadeInUp .2s ease-out forwards}.dropdown-content a{color:var(--text-muted);padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#007bff0d;color:var(--brand-navy)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:5rem;overflow:hidden}.hero-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;background:radial-gradient(circle,#00aeef40,#007bff1a 40%,#0140 70%);z-index:-1;pointer-events:none;filter:blur(50px)}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-title{font-size:clamp(3rem,5vw,4.5rem);margin-bottom:1.5rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:700px}.section-padding{padding:6rem 0}.text-center{text-align:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media(max-width:768px){.grid-2{grid-template-columns:1fr;gap:2rem}}.glass-card{background:#007bff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,123,255,.08);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-radius:8px;padding:2.5rem;transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--brand-blue),transparent);opacity:0;transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-5px);background:var(--bg-light);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 15px #00aeef1a;border-color:var(--glass-border-highlight)}.glass-card:hover:before{opacity:1}footer{background:var(--bg-light-secondary);padding:4rem 0 2rem;border-top:1px solid var(--glass-border-light);margin-top:6rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-col h4{margin-bottom:1.5rem;color:var(--brand-navy)}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.footer-links a:hover{color:var(--brand-cerulean)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--glass-border-light);color:var(--text-muted);font-size:.875rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.badge-blue{background:#007bff1a;color:var(--brand-cerulean);border:1px solid rgba(0,123,255,.2)}.badge-green{background:#22b14c1a;color:var(--brand-green);border:1px solid rgba(34,177,76,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}.delay-100{animation-delay:.1s;opacity:0}.delay-200{animation-delay:.2s;opacity:0}.delay-300{animation-delay:.3s;opacity:0}.dashboard-mockup{width:100%;border-radius:8px;border:1px solid var(--glass-border-light);box-shadow:0 20px 25px -5px #0000001a,0 0 40px #007bff0d;background:var(--bg-light);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.dashboard-mockup:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:var(--bg-light-secondary);border-bottom:1px solid var(--glass-border-light)}.dashboard-mockup:after{content:"•••";position:absolute;top:5px;left:15px;color:#0003;font-size:20px;letter-spacing:2px}.hover-zoom{cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease}.hover-zoom:hover{transform:scale(1.02);box-shadow:0 25px 30px -5px #00000026,0 0 50px #007bff1a}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.5rem!important;font-weight:700}.text-gradient{background:linear-gradient(135deg,var(--brand-cerulean),var(--brand-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--brand-blue)}@supports (-webkit-background-clip: text) or (background-clip: text){.text-gradient{color:transparent}}.glow-blue{--glow-color: 0, 123, 255}.glow-cerulean{--glow-color: 0, 174, 239}.glow-green{--glow-color: 34, 177, 76}.glow-navy{--glow-color: 0, 17, 68}.ambient-glow{position:absolute;width:500px;height:500px;max-width:80vw;max-height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(var(--glow-color, 0, 123, 255),.18),rgba(var(--glow-color, 0, 123, 255),.06) 45%,rgba(var(--glow-color, 0, 123, 255),0) 70%);filter:blur(60px);pointer-events:none;z-index:0}.ambient-glow~.container,.ambient-glow~*>.container{position:relative;z-index:1}.icon-glow-container{box-shadow:0 0 20px rgba(var(--glow-color, 0, 123, 255),.18);border:1px solid rgba(var(--glow-color, 0, 123, 255),.2);transition:var(--transition-smooth)}.glass-card:hover .icon-glow-container{box-shadow:0 0 30px rgba(var(--glow-color, 0, 123, 255),.35)}.bg-light{background:var(--bg-light)}.tech-grid{position:relative;overflow:hidden;background-color:var(--bg-light);background-image:linear-gradient(rgba(0,17,68,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,17,68,.04) 1px,transparent 1px);background-size:64px 64px}.video-theater{position:relative;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--glass-border-light);background:#000;box-shadow:0 20px 25px -5px #00000026,0 0 40px #007bff0f}.video-main-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.video-main-player video{display:block}.video-thumbs-strip{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .25rem 1rem;scrollbar-width:thin}.video-thumb{flex:0 0 160px;display:flex;flex-direction:column;gap:.5rem;padding:0;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;transition:var(--transition-fast)}.video-thumb-inner{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#000;transition:var(--transition-fast)}.video-thumb:hover .video-thumb-inner{border-color:var(--glass-border-highlight);transform:translateY(-2px)}.video-thumb.active .video-thumb-inner{border-color:var(--brand-blue);box-shadow:0 0 15px #007bff59}.video-thumb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00114459;opacity:0;transition:var(--transition-fast);pointer-events:none}.video-thumb:hover .video-thumb-overlay,.video-thumb.active .video-thumb-overlay{opacity:1}.video-thumb-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-align:center}.video-thumb.active .video-thumb-label{color:var(--brand-blue)}.swiper-pagination-bullet-active{background:var(--brand-blue)!important}.form-error{display:block;margin-top:.4rem;color:#dc2626;font-size:.85rem}.form-input-error{border-color:#dc2626!important}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.95rem}.alert-success{background:#22b14c1a;border:1px solid var(--brand-green);color:#1b8c3c}.alert-error{background:#dc262614;border:1px solid #dc2626;color:#b91c1c}@media(max-width:900px){.split-grid{grid-template-columns:1fr!important;gap:2rem!important}}@media(max-width:768px){.container{padding:0 1rem}.section-padding{padding:4rem 0}.glass-card{padding:1.5rem}.video-thumb{flex-basis:130px}}.form-label{display:block;margin-bottom:.5rem;color:var(--text-muted)}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--glass-border-light);background:var(--bg-light-secondary);color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #007bff26}textarea.form-input{resize:vertical}.form-hint{color:var(--text-muted);font-size:.8rem;margin-top:.25rem;display:block}.hp-wrap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}:root{color-scheme:light}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1.25rem;background:var(--brand-navy);color:#fff;text-decoration:none;border-radius:0 0 4px}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.form-input:focus-visible{outline:2px solid var(--brand-blue);outline-offset:1px}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--glass-border-light);border-radius:6px;color:var(--brand-navy);cursor:pointer}@media(max-width:900px){.nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1rem 1rem;background:var(--bg-light);border-bottom:1px solid var(--glass-border-light);box-shadow:0 8px 32px #00000014;max-height:calc(100vh - 5rem);overflow-y:auto}.navbar.nav-open .nav-links{display:flex}.nav-links>li>a{display:block;padding:.85rem .25rem;border-bottom:1px solid var(--glass-border-light)}.nav-links>li:last-child>a{border-bottom:none}.dropdown-content{display:block;position:static;border:none;box-shadow:none;padding:0 0 0 1rem;min-width:0;background:transparent}.dropdown>a svg{display:none}.navbar .container{position:relative;flex-wrap:wrap}}.dropdown:focus-within .dropdown-content{display:block}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-fade-up,.delay-100,.delay-200,.delay-300{animation:none!important;opacity:1!important}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(forced-colors:active){.text-gradient,.text-gradient-power,.text-gradient-blue{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}}:root{--brand-blue-text: #0056b3;--brand-green-text: #167a35;--brand-cerulean-text: #036c93;--brand-navy-text: var(--brand-navy)}.text-blue{color:var(--brand-blue-text)}.text-green{color:var(--brand-green-text)}.badge-blue{color:var(--brand-cerulean-text);border-color:#007bff4d}.badge-green{color:var(--brand-green-text);border-color:#22b14c4d}.btn-primary{background:#0062cc}.btn-primary:hover{background:#0052ad}.alert-success{color:#146c2e}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.hero-actions{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}@media(max-width:480px){.hero-actions .btn{width:100%;padding-left:1rem;padding-right:1rem}}.footer-heading{margin-bottom:1.5rem;color:var(--brand-navy);font-size:1rem;font-weight:700}.card-stack{display:flex;flex-direction:column}.card-stack>:last-child{margin-top:auto}.card-stack>a:last-child:not(.btn){align-self:flex-start}.nav-links a.btn-primary,.nav-links a.btn-primary:hover,.nav-links a.btn-primary:focus,.nav-links a.btn-primary.active{color:#fff}.nav-links a.btn-outline,.nav-links a.btn-outline:focus,.nav-links a.btn-outline.active{color:var(--brand-navy)}.nav-links a.btn-outline:hover{color:var(--brand-blue-text)}
