@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@600;700;800&display=swap";:root{--primary-orange: #f59e0b;--primary-orange-dark: #d97706;--primary-orange-light: #fbbf24;--accent-black: #1a1a1a;--accent-gray: #2d2d2d;--hover-cyan: #00d4ff;--hover-cyan-light: #00f0ff;--hover-blue: #0099ff;--gradient-hover: linear-gradient(135deg, #00d4ff 0%, #0099ff 50%, #00f0ff 100%);--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--gradient-orange: linear-gradient(135deg, #f59e0b 0%, #fb923c 50%, #fbbf24 100%);--gradient-dark: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--gradient-overlay: linear-gradient(135deg, rgba(15, 15, 15, .92) 0%, rgba(20, 20, 20, .88) 50%, rgba(30, 25, 15, .85) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-orange: 0 10px 40px -10px rgba(245, 158, 11, .4);--shadow-orange-lg: 0 20px 60px -15px rgba(245, 158, 11, .5);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-900);color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.video-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1}.video-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:2}.video-background video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;filter:brightness(.7) contrast(1.1)}.video-background iframe{pointer-events:none}.video-background:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:3}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:var(--white);border-radius:50%;opacity:.15;animation:float-particle 20s linear infinite}.main-container{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:1.5rem 2rem 1rem;z-index:10;overflow:hidden;justify-content:center}.header{text-align:center;margin-bottom:2rem;animation:fadeInDown 1s ease-out}.logo-container{margin-bottom:1rem;position:relative}.logo-wrapper{display:inline-block;position:relative;padding:1.5rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:1rem;border:none;box-shadow:none;transition:var(--transition-base)}.logo-wrapper:before{display:none;content:none}.logo-wrapper:hover:before{display:none}.logo-wrapper:hover{transform:none;box-shadow:none}.logo{max-width:160px;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));transition:var(--transition-base)}.logo-wrapper:hover .logo{transform:scale(1.05)}.header-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 0 40px rgba(0,0,0,.5);letter-spacing:-.03em;position:relative}.header-title:after{display:none}.header-subtitle{font-size:1.1rem;font-weight:500;color:#fff;text-shadow:0 2px 15px rgba(0,0,0,.5),0 0 30px rgba(0,0,0,.3);max-width:700px;margin:0 auto;margin-top:.75rem;letter-spacing:.01em}.systems-grid{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;max-width:1000px;margin:0 auto;width:100%;animation:fadeInUp 1s ease-out .3s both;flex:1}.system-card{background:rgba(255,255,255,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:1rem;padding:1.25rem 2rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden;text-decoration:none;width:100%;height:auto;aspect-ratio:auto}.system-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .4s ease;z-index:-1}.system-card:after{display:none}.system-card:hover{transform:translate(10px);background:rgba(255,255,255,.2);border-color:#fff6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.system-card:hover:before{opacity:1}.system-card-accent{display:none}.system-icon{font-size:2.5rem;margin-bottom:0;display:inline-block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));animation:none;flex-shrink:0}.system-content-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left}.system-name{font-family:Poppins,sans-serif;font-size:1.35rem;font-weight:700;color:var(--white);margin-bottom:.75rem;text-shadow:0 2px 15px rgba(0,0,0,.5),0 0 30px rgba(255,255,255,.1);transition:var(--transition-base);letter-spacing:.02em}.system-card:hover .system-name{color:var(--white)}.system-description{font-size:.95rem;color:#ffffffe6;line-height:1.6;margin-bottom:1rem;transition:var(--transition-base);flex:1;text-shadow:0 1px 5px rgba(0,0,0,.3)}.system-card:hover .system-description{color:#fff}.system-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--white);padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:.5rem;border:1px solid rgba(255,255,255,.2);transition:var(--transition-base)}.system-link:hover{background:rgba(255,255,255,.2)}.arrow-icon{transition:var(--transition-base)}.footer{text-align:center;margin-top:auto;padding-top:1.5rem;color:#ffffffb3;font-size:.8rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-divider{width:60px;height:2px;background:var(--gradient-orange);margin-bottom:.5rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bounce{0%,to{transform:scale(1.15) rotate(5deg) translateY(0)}25%{transform:scale(1.15) rotate(5deg) translateY(-15px)}50%{transform:scale(1.15) rotate(5deg) translateY(-8px)}75%{transform:scale(1.15) rotate(5deg) translateY(-12px)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.7}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-particle{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) translate(100px);opacity:0}}@media (max-width: 768px){.main-container{padding:2rem 1.5rem}.header-title{font-size:2.5rem}.header-subtitle{font-size:1.1rem}.logo{max-width:200px}.systems-grid{grid-template-columns:1fr;gap:2rem}.system-card{padding:2.5rem 2rem}.system-icon{font-size:4rem}.system-name{font-size:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.systems-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){.systems-grid{grid-template-columns:repeat(3,1fr)}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%) translateY(5px);background:var(--accent-black);color:var(--white);padding:.75rem 1.25rem;border-radius:.75rem;font-size:.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-base);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2)}.tooltip:before{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--accent-black);opacity:0;transition:var(--transition-base)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.tooltip:hover:before{opacity:1}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--accent-black);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}.loader{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}