:root{--bg:#000000;--bg-soft:#0a0a0f;--text:#ffffff;--muted:#a0a0b0;--primary:#00d4ff;--accent:#a855f7;--accent2:#6366f1}*{box-sizing:border-box;margin:0;padding:0}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}html,body,#root{height:100%;overflow-x:hidden}html::-webkit-scrollbar{display:none}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;line-height:1.6;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.container{max-width:1280px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:#000c;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,212,255,.2)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{display:flex;align-items:baseline;gap:12px}.brand .brand-kdn{font-weight:900;font-size:26px;background:linear-gradient(135deg,#00d4ff,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(0,212,255,.4))}.brand .brand-sub{font-weight:700;font-size:11px;color:#a0a0b0;text-transform:uppercase;letter-spacing:.15em}.nav{display:flex;gap:32px;align-items:center}.nav a{color:#fff;text-decoration:none;font-weight:600;opacity:.85;font-size:.95rem;transition:all .3s ease;position:relative}.nav a:not(.cta):after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00d4ff,#a855f7);transition:width .3s ease}.nav a:not(.cta):hover:after{width:100%}.nav a:not(.cta):hover{opacity:1;color:#00d4ff}.nav .cta{padding:.7rem 1.5rem;border-radius:999px;background:linear-gradient(135deg,#00d4ff,#6366f1);box-shadow:0 0 30px #00d4ff80;color:#000;font-weight:800;transition:all .3s ease}.nav .cta:hover{transform:translateY(-2px);box-shadow:0 0 40px #00d4ffb3}.menu-toggle{display:none;background:transparent;border:0;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:6px 0}.hero{position:relative;overflow:hidden;padding:180px 0 120px;background:#000;min-height:100vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,212,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.15) 0%,transparent 50%);z-index:1}.hero-inner{text-align:center;max-width:1100px;margin:0 auto;position:relative;z-index:3}.logo-kdn{font-weight:900;font-size:160px;letter-spacing:8px;background:linear-gradient(135deg,#00d4ff,#00f0ff,#a855f7,#ec4899,#00d4ff);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 80px rgba(0,212,255,.6));line-height:.85;animation:gradientFlow 8s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo-sub{margin-top:20px;font-weight:800;font-size:20px;letter-spacing:.4em;color:#fff;text-transform:uppercase;opacity:.95;text-shadow:0 0 40px rgba(0,212,255,.6)}.headline{font-size:72px;line-height:1.1;margin:50px 0 40px;font-weight:900;letter-spacing:-2px}.text-reveal{display:inline-block;background:linear-gradient(135deg,#fff,#00d4ff,#a855f7);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 6s ease infinite}@keyframes textShine{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-kicker{display:inline-flex;align-items:center;gap:12px;padding:.6rem 1.2rem;border-radius:999px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:#fff;background:#00d4ff26;border:1px solid rgba(0,212,255,.4);box-shadow:0 0 40px #00d4ff4d,inset 0 0 30px #00d4ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-kicker:before{content:"";width:10px;height:10px;border-radius:50%;background:#00d4ff;box-shadow:0 0 25px #00d4ff;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.subheadline{margin:24px 0 40px;font-size:1.5rem;color:#d0d0d8;font-weight:400;line-height:1.7}.hero-media{margin:40px 0 0}.glass-card{position:relative;padding:28px;border-radius:32px;background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid rgba(0,212,255,.3);box-shadow:0 50px 120px #000000e6,inset 0 0 60px #00d4ff14;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1)}.glass-card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.2),transparent 60%);opacity:0;transition:opacity .5s;z-index:0}.glass-card:hover:before{opacity:1}.glass-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:rotate(45deg);opacity:0;transition:opacity .5s}.glass-card:hover:after{opacity:1;animation:shine 2s ease infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.glass-card:hover{transform:translateY(-24px) scale(1.05);box-shadow:0 60px 140px #00d4ff80,inset 0 0 80px #00d4ff26;border-color:#00d4ff99}.hero-photo{position:relative;z-index:1;width:100%;height:auto;border-radius:20px;border:1px solid rgba(0,212,255,.3);box-shadow:0 30px 80px #000c;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}.hero-photo:hover{animation-play-state:paused;transform:scale(1.05) rotate(2deg)}.section{padding:100px 0;position:relative}.hero+.section{padding-top:60px}.section-dark{background:linear-gradient(180deg,#000,#0a0a0f,#000);position:relative}.section-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(168,85,247,.1) 0%,transparent 50%);pointer-events:none}.section-head{text-align:center;margin-bottom:100px}.section-head h2{font-size:64px;margin:0 0 24px;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-head p{color:#a0a0b0;margin:0;font-size:1.3rem;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:80px}.card{background:linear-gradient(135deg,#00d4ff14,#a855f70d);border:1px solid rgba(0,212,255,.2);border-radius:28px;padding:48px 32px;min-height:360px;box-shadow:0 30px 80px #00000080;transition:all .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(0,212,255,.15) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0}.card:hover:before{opacity:1;animation:shimmer 1.5s ease infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.card:hover{transform:translateY(-20px) scale(1.04);box-shadow:0 50px 120px #00d4ff66;border-color:#00d4ff80}.card h3{margin:24px 0 20px;font-size:1.65rem;font-weight:900;letter-spacing:-1px}.card p{color:#a0a0b0;margin:0;line-height:1.9;font-size:1.05rem}.icon{width:72px;height:72px;border-radius:18px;margin-bottom:24px;background:linear-gradient(135deg,#00d4ff,#a855f7);position:relative;box-shadow:0 0 50px #00d4ffb3,inset 0 0 30px #fff3;transition:all .6s ease;display:flex;align-items:center;justify-content:center}.icon:after{content:"";position:absolute;inset:16px;border-radius:12px;border:2px solid rgba(255,255,255,.5);opacity:.9}.card:hover .icon{transform:scale(1.2) rotate(10deg);box-shadow:0 0 70px #00d4ff}.icon.chip,.icon.cloud,.icon.network,.icon.battery{-webkit-mask-size:40px 40px;mask-size:40px 40px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon.chip{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 3h6v2h2a2 2 0 0 1 2 2v2h2v2h-2v2h2v2h-2v2a2 2 0 0 1-2 2h-2v2H9v-2H7a2 2 0 0 1-2-2v-2H3v-2h2V9H3V7h2V5a2 2 0 0 1 2-2h2V3Zm-2 6v6h10V9H7Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 3h6v2h2a2 2 0 0 1 2 2v2h2v2h-2v2h2v2h-2v2a2 2 0 0 1-2 2h-2v2H9v-2H7a2 2 0 0 1-2-2v-2H3v-2h2V9H3V7h2V5a2 2 0 0 1 2-2h2V3Zm-2 6v6h10V9H7Z"/></svg>')}.icon.cloud{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>')}.icon.network{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>')}.icon.battery{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM11 20v-5.5H9L13 7v5.5h2L11 20z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM11 20v-5.5H9L13 7v5.5h2L11 20z"/></svg>')}.btn{display:inline-block;padding:1.4rem 3rem;border-radius:999px;font-weight:900;text-decoration:none;border:1px solid rgba(0,212,255,.4);font-size:1.1rem;letter-spacing:1px;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover:before{width:500px;height:500px}.cta-primary{background:linear-gradient(135deg,#00d4ff,#6366f1,#a855f7);box-shadow:0 25px 70px #00d4ff99,inset 0 0 30px #ffffff26;color:#000}.cta-primary:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 35px 90px #00d4ffcc}.hero-inner .cta-primary{margin-top:4rem}.fade-in-up{opacity:0;animation:fadeInUp 1s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.futuristic-lines{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(0,212,255,.06) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(0,212,255,.06) 0 1px,transparent 1px 80px),radial-gradient(1000px 600px at 20% 10%,rgba(0,212,255,.15),transparent 60%),radial-gradient(1000px 600px at 80% 15%,rgba(168,85,247,.12),transparent 60%);animation:driftX 20s linear infinite,driftY 30s linear infinite}@keyframes driftX{to{background-position:160px 0,0 0,0 0,0 0}}@keyframes driftY{to{background-position:0 160px,0 0,0 0,0 0}}.circuit{position:absolute;left:0;right:0;top:160px;height:auto;z-index:2;pointer-events:none;opacity:.25;filter:drop-shadow(0 0 12px rgba(0,212,255,.4))}.circuit path{stroke:#00d4ff;stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400;animation:flow 8s linear infinite}@keyframes flow{to{stroke-dashoffset:0}}.circuit .node{opacity:.4;animation:nodePulse 3s ease-in-out infinite}@keyframes nodePulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.circuit .packet{filter:drop-shadow(0 0 8px rgba(0,212,255,.9));opacity:1}.glow-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#00d4ff;box-shadow:0 0 30px #00d4ff;animation:twinkle 4s ease-in-out infinite;z-index:2}.glow-dot.d2{left:22%;top:42%;animation-delay:1s}.glow-dot.d3{right:18%;top:28%;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.about-grid{display:grid;grid-template-columns:1fr;gap:32px}.about-copy h2{font-size:56px;font-weight:900;letter-spacing:-2px;margin-bottom:32px;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-copy p{color:#a0a0b0;font-size:1.2rem;line-height:1.9;margin-bottom:32px}.ticks{list-style:none;padding:0;margin:0}.ticks li{margin:16px 0;padding-left:32px;position:relative;font-size:1.1rem;color:#d0d0d8;opacity:0;transform:translate(-30px);animation:slideInLeft .6s ease forwards}.ticks li:before{content:"✓";position:absolute;left:0;top:0;color:#00d4ff;font-weight:900;font-size:1.3rem}.animate-in .ticks li:nth-child(1){animation-delay:.1s}.animate-in .ticks li:nth-child(2){animation-delay:.2s}.animate-in .ticks li:nth-child(3){animation-delay:.3s}.animate-in .ticks li:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}.contact-copy h2{font-size:56px;font-weight:900;letter-spacing:-2px;margin-bottom:24px;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-copy p{color:#a0a0b0;font-size:1.2rem;margin-bottom:24px}.badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.badge{padding:.5rem .9rem;border:1px solid rgba(0,212,255,.3);border-radius:999px;color:#d0d0d8;background:#00d4ff14;font-size:.95rem;font-weight:600;transition:all .3s ease}.badge:hover{background:#00d4ff33;border-color:#00d4ff;transform:translateY(-3px) scale(1.08);box-shadow:0 10px 30px #00d4ff66}.contact-form{background:linear-gradient(135deg,#00d4ff0d,#a855f708);border:1px solid rgba(0,212,255,.2);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-weight:700;margin:.8rem 0 .5rem;color:#d0d0d8;font-size:.95rem}input,textarea{width:100%;padding:1rem 1.2rem;border-radius:12px;border:1px solid rgba(0,212,255,.3);background:#00000080;color:#fff;outline:none;font-size:1rem;transition:all .3s ease}input:focus,textarea:focus{border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff33,0 0 40px #00d4ff66;transform:translateY(-3px);background:#000000b3}input::placeholder,textarea::placeholder{color:#6a6a7a}.privacy{color:#808090;font-size:.85rem;margin:.8rem 0 0}.site-footer{padding:60px 0;border-top:1px solid rgba(0,212,255,.2);background:#000}.foot-grid{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.brand.mini .brand-kdn{font-size:20px}.foot-links{display:flex;gap:24px;justify-content:center}.foot-links a{color:#a0a0b0;text-decoration:none;font-weight:600;transition:all .3s ease}.foot-links a:hover{color:#00d4ff}.copy{text-align:right;color:#808090;font-size:.95rem}.social{display:flex;gap:16px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(0,212,255,.3);border-radius:50%;color:#d0d0d8;transition:all .3s ease;text-decoration:none}.social-link:hover{color:#00d4ff;border-color:#00d4ff;transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff80}.social-link svg{width:22px;height:22px}html{scroll-behavior:smooth}@media (max-width:950px){.section{padding:80px 0}.hero+.section{padding-top:40px}.section-head h2{font-size:42px}.section-head p{font-size:1.1rem}.cards{grid-template-columns:1fr;gap:24px}.about-grid,.contact-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr;text-align:center}.copy{text-align:center}.social,.foot-links{justify-content:center}.nav{display:none}.menu-toggle{display:block}.hero{padding:100px 0 60px;min-height:auto}.logo-kdn{font-size:72px;letter-spacing:4px}.headline{font-size:36px;margin:32px 0 24px}.logo-sub{font-size:14px;letter-spacing:.3em}.hero-media{margin:32px 0 0}.glass-card{padding:20px}.hero-photo{border-radius:16px}.btn{padding:1.2rem 2rem;font-size:1rem}.hero-inner .cta-primary{margin-top:3rem}}@media (max-width:860px){.hero{padding:60px 0 40px;min-height:auto}.logo-kdn{font-size:48px;letter-spacing:2px;line-height:1}.headline{font-size:24px;margin:20px 0 16px;letter-spacing:-1px}.logo-sub{font-size:11px;letter-spacing:.25em;margin-top:10px}.hero-kicker{font-size:9px;padding:.45rem .8rem;gap:8px}.hero-kicker:before{width:6px;height:6px}.subheadline{font-size:1rem;margin:16px 0 28px}.hero-media{grid-template-columns:1fr!important;gap:1.5rem!important;margin:1.5rem 0 0!important;max-width:100%!important}.section{padding:60px 0}.hero+.section{padding-top:30px}.section-head{margin-bottom:48px}.section-head h2{font-size:32px}.section-head p{font-size:1rem}.cards{gap:20px;margin-top:40px}.card{padding:28px 20px;min-height:280px}.card h3{font-size:1.35rem;margin:16px 0 12px}.card p{font-size:.95rem;line-height:1.7}.icon{width:56px;height:56px}.icon.chip,.icon.cloud,.icon.network,.icon.battery{-webkit-mask-size:32px 32px;mask-size:32px 32px}.about-copy h2,.contact-copy h2{font-size:36px}.about-copy p,.contact-copy p{font-size:1.05rem}.ticks li{font-size:1rem;padding-left:28px}.contact-form{padding:24px}.contact-form .row{grid-template-columns:1fr;gap:0}input,textarea{padding:.9rem 1rem;font-size:.95rem}.badge{font-size:.85rem;padding:.4rem .75rem}.nav{position:fixed;top:72px;right:16px;left:16px;background:#000000f2;border:1px solid rgba(0,212,255,.3);border-radius:16px;padding:16px;display:none;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav.open{display:flex}.menu-toggle{position:relative;z-index:1001}.container{padding:0 16px}.btn{padding:1rem 1.8rem;font-size:.95rem}.hero-inner .cta-primary{margin-top:2rem}.circuit{top:80px;opacity:.15}.futuristic-lines{opacity:.5}}.alert{padding:16px 20px;border-radius:12px;margin:12px 0 20px;font-size:1rem}.alert.success{background:#00d4ff26;border:1px solid rgba(0,212,255,.4);color:#00d4ff}.alert.error{background:#ff505026;border:1px solid rgba(255,80,80,.4);color:#ff5050}.btn[disabled]{opacity:.5;cursor:not-allowed}.legal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legal-panel{background:#0a0a0ffa;color:#fff;max-width:900px;width:92vw;max-height:85vh;overflow:auto;border:1px solid rgba(0,212,255,.3);border-radius:20px;padding:32px 40px;box-shadow:0 30px 100px #000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.legal-panel h2{margin-top:0;color:#00d4ff}.legal-panel h3{margin-top:28px;color:#a855f7}.legal-close{position:absolute;margin-top:-12px;margin-left:-12px;transform:translate(100%,-100%);background:#000000e6;border:1px solid rgba(0,212,255,.4);border-radius:50%;width:40px;height:40px;font-size:24px;line-height:36px;color:#00d4ff;cursor:pointer;transition:all .3s ease}.legal-close:hover{background:#00d4ff;color:#000;transform:translate(100%,-100%) scale(1.1)}.legal-panel p{line-height:1.8;color:#d0d0d8}.legal-panel ul{margin:12px 0 0 1.5rem}.legal-panel li{margin:8px 0;color:#d0d0d8}import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App.jsx"; import "./index.css"; import "./App.css"; ReactDOM.createRoot(document.getElementById("root")).render(<React.StrictMode> <App /> </React.StrictMode>);{}