.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,243,255,.03) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(138,43,226,.03) 50%,transparent 100%);background-size:200% 200%;animation:gradientShift 8s ease infinite;pointer-events:none;z-index:1}.hero-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,243,255,.03) 2px,rgba(0,243,255,.03) 4px);animation:scanlines 8s linear infinite;pointer-events:none;z-index:2;opacity:.5}.hero-container{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;z-index:1;pointer-events:none;animation:float 8s ease-in-out infinite}.glow-1{top:-20%;left:-10%;background:var(--neon-purple);animation:float 8s ease-in-out infinite,pulse-glow 4s ease-in-out infinite}.glow-2{bottom:-20%;right:-10%;background:var(--neon-cyan);animation:float 10s ease-in-out infinite reverse,pulse-glow 5s ease-in-out infinite 1s}.hero-section .grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(0,243,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridPulse 3s ease-in-out infinite;pointer-events:none;z-index:1;opacity:.3}.hero-content{animation:slideInLeft .8s ease-out}.hero-visual{animation:slideInRight .8s ease-out}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#00f3ff0d;border:1px solid rgba(0,243,255,.2);border-radius:100px;font-family:Inter,sans-serif;font-size:.85rem;color:var(--neon-cyan);margin-bottom:1.5rem;animation:fadeInDown .6s ease-out .2s backwards;transition:all .3s ease}.badge:hover{background:#00f3ff1a;border-color:#00f3ff66;transform:translateY(-2px)}.status-dot{width:8px;height:8px;background-color:var(--neon-cyan);border-radius:50%;box-shadow:0 0 10px var(--neon-cyan);animation:pulse 2s infinite}h1{font-family:Syne,sans-serif;font-size:clamp(3rem,5vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-main);animation:fadeInUp .8s ease-out .3s backwards}.text-gradient{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shimmer 3s linear infinite}.description{font-family:Inter,sans-serif;font-size:1.1rem;color:var(--text-muted);line-height:1.6;max-width:500px;margin-bottom:2.5rem;animation:fadeInUp .8s ease-out .4s backwards}strong{color:var(--text-main);font-weight:600}.cta-group{display:flex;gap:1rem;margin-bottom:3rem;animation:fadeInUp .8s ease-out .5s backwards}.btn{padding:14px 32px;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;border-radius:4px;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--neon-cyan);color:#0a0a0f;box-shadow:0 0 20px #00f3ff4d}.btn-primary:hover{box-shadow:0 0 30px #00f3ff80}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 20px #00f3ff33}.mini-stack{font-family:monospace;color:var(--text-muted);font-size:.9rem;display:flex;gap:1rem;opacity:.7;animation:fadeIn 1s ease-out .6s backwards}.mini-stack span{transition:all .3s ease;cursor:default}.mini-stack span:not(.separator):hover{color:var(--neon-cyan);transform:translateY(-2px)}.separator{color:var(--neon-purple);animation:blink 2s infinite}.hero-visual{display:flex;justify-content:center;perspective:1000px}.glass-card{width:320px;background:#13111c99;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;transform:rotateY(-10deg) rotateX(5deg);box-shadow:0 20px 50px #00000080;transition:transform .5s ease,box-shadow .3s ease;animation:cardFloat 6s ease-in-out infinite}.glass-card:hover{transform:rotateY(0) rotateX(0) scale(1.02);box-shadow:0 25px 60px #00f3ff4d}.image-wrapper{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;margin-bottom:1rem;border:1px solid rgba(0,243,255,.3);transition:border-color .3s ease}.glass-card:hover .image-wrapper{border-color:#00f3ff99}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.glass-card:hover .image-wrapper img{transform:scale(1.05)}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);opacity:.5;animation:scan 3s linear infinite}.card-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;font-family:monospace;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px;transition:all .3s ease;animation:fadeInUp .5s ease-out backwards}.info-row:nth-child(1){animation-delay:.7s}.info-row:nth-child(2){animation-delay:.8s}.info-row:nth-child(3){animation-delay:.9s}.info-row:hover{border-bottom-color:#00f3ff4d;padding-left:4px}.label{color:var(--text-muted);transition:color .3s ease}.value{color:var(--neon-cyan);transition:all .3s ease}.info-row:hover .label{color:var(--text-main)}.info-row:hover .value{text-shadow:0 0 10px var(--neon-cyan)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@keyframes scan{0%{top:0%}to{top:100%}}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(10px) translate(-10px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.7}}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes cardFloat{0%,to{transform:rotateY(-10deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-10deg) rotateX(5deg) translateY(-10px)}}@keyframes blink{0%,to{opacity:.7}50%{opacity:.3}}@keyframes glitch{0%,to{transform:translateY(-2px)}25%{transform:translateY(-2px) translate(-2px)}75%{transform:translateY(-2px) translate(2px)}}@keyframes gradientShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes pulse-glow{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}@keyframes gridPulse{0%,to{opacity:.2}50%{opacity:.4}}@media(max-width:968px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-content{display:flex;flex-direction:column;align-items:center}.cta-group{justify-content:center}.hero-visual{order:-1;transform:scale(.9)}.glass-card{transform:rotateY(0) rotateX(0)}.glass-card:hover{transform:rotateY(0) rotateX(0) scale(1.02)}}@media(max-width:550px){.hero-container{display:flex;flex-direction:column}.glass-card{scale:.8}.hero-content{scale:.6;padding:0;margin:0}}