:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f18;--bg-card: rgba(15, 15, 30, .8);--neon-blue: #00d4ff;--neon-purple: #8b5cf6;--neon-green: #00ff88;--neon-pink: #ff006e;--neon-orange: #ff6b35;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--gradient-primary: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));--gradient-secondary: linear-gradient(135deg, var(--neon-purple), var(--neon-pink));--gradient-success: linear-gradient(135deg, var(--neon-green), var(--neon-blue));--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--glow-blue: 0 0 20px rgba(0, 212, 255, .5);--glow-purple: 0 0 20px rgba(139, 92, 246, .5);--glow-green: 0 0 20px rgba(0, 255, 136, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:.05em}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 30px var(--neon-blue)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-logo{font-family:var(--font-display);font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-glow 2s ease-in-out infinite}.loading-bar-container{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin-top:2rem;overflow:hidden}.loading-bar{height:100%;background:var(--gradient-primary);border-radius:2px;animation:loading 2s ease-in-out forwards}@keyframes loading{0%{width:0%}to{width:100%}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px var(--neon-blue)) drop-shadow(0 0 20px var(--neon-purple));transform:scale(1)}50%{filter:drop-shadow(0 0 20px var(--neon-blue)) drop-shadow(0 0 40px var(--neon-purple));transform:scale(1.05)}}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem;text-align:center}.hero-title{font-size:clamp(2.5rem,8vw,6rem);margin-bottom:1rem;animation:fade-up 1s ease-out forwards;opacity:0}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-secondary);max-width:600px;margin-bottom:2rem;animation:fade-up 1s ease-out .2s forwards;opacity:0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:#00d4ff1a;border:1px solid var(--neon-blue);border-radius:50px;font-size:.875rem;color:var(--neon-blue);margin-bottom:2rem;animation:fade-up 1s ease-out .4s forwards;opacity:0}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fade-up 1s ease-out .6s forwards;opacity:0}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--gradient-primary);color:var(--bg-primary);box-shadow:var(--glow-blue)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 30px #00d4ffb3}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.features{padding:6rem 2rem;position:relative;z-index:1}.section-title{text-align:center;font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover{transform:translateY(-10px) rotateX(5deg);border-color:var(--neon-blue);box-shadow:0 20px 40px #0000004d,var(--glow-blue)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-title{font-size:1.25rem;margin-bottom:.5rem}.feature-description{color:var(--text-secondary);font-size:.9rem}.stats{padding:6rem 2rem;background:var(--bg-secondary);position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto}.stat-item{text-align:center;padding:2rem 1rem;overflow:visible}.stat-number{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.stat-label{color:var(--text-secondary);margin-top:.5rem}.architecture{padding:6rem 2rem;position:relative;z-index:1}.arch-diagram{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.arch-layer{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.arch-layer:hover{border-color:var(--neon-purple);box-shadow:var(--glow-purple)}.arch-layer-icon{font-size:2rem}.arch-layer-content h4{font-size:1rem;margin-bottom:.25rem}.arch-layer-content p{color:var(--text-muted);font-size:.875rem}.arch-connector{width:2px;height:40px;background:var(--gradient-primary);margin:0 auto}.footer{padding:4rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-text{color:var(--text-muted);font-size:.875rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--neon-blue)}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s ease}.scroll-animate.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.hero-cta{flex-direction:column;width:100%;max-width:300px}.btn{width:100%;justify-content:center}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.glow-border{position:relative}.glow-border:after{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease;filter:blur(10px)}.glow-border:hover:after{opacity:1}.tech-line{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);animation:scan 3s linear infinite}@keyframes scan{0%{transform:translateY(-100vh);opacity:0}50%{opacity:1}to{transform:translateY(100vh);opacity:0}}.hex-pattern{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300d4ff' fill-opacity='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}