@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Oxanium:wght@400;500;600;700;800&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--background:0 0% 100%;--foreground:0 0% 5%;--card:0 0% 98%;--card-foreground:0 0% 5%;--popover:0 0% 100%;--popover-foreground:0 0% 5%;--primary:0 74% 42%;--primary-foreground:0 0% 100%;--secondary:0 0% 94%;--secondary-foreground:0 0% 10%;--muted:0 0% 94%;--muted-foreground:0 0% 30%;--accent:0 0% 92%;--accent-foreground:0 0% 10%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:0 0% 85%;--input:0 0% 88%;--ring:0 74% 42%;--radius:.5rem}.dark{--background:240 5% 10%;--foreground:0 0% 95%;--card:240 5% 15%;--card-foreground:0 0% 95%;--popover:240 5% 12%;--popover-foreground:0 0% 95%;--primary:0 75% 50%;--primary-foreground:0 0% 100%;--secondary:120 40% 35%;--secondary-foreground:0 0% 100%;--muted:240 5% 18%;--muted-foreground:240 5% 60%;--accent:210 30% 45%;--accent-foreground:0 0% 100%;--destructive:38 90% 50%;--destructive-foreground:0 0% 100%;--border:240 5% 22%;--input:240 5% 18%;--ring:0 75% 50%}:root,.dark{--clr-bg-primary:hsl(var(--background));--clr-bg-secondary:hsl(var(--card));--clr-bg-card:hsl(var(--card));--clr-border:hsl(var(--border));--clr-accent:hsl(var(--primary));--clr-accent-muted:hsl(var(--primary) / .6);--clr-accent-glow:hsl(var(--primary) / .15);--clr-text-primary:hsl(var(--foreground));--clr-text-secondary:hsl(var(--muted-foreground));--grad-hero:linear-gradient(160deg, hsl(var(--background)) 0%, hsl(var(--card)) 100%);--grad-card:linear-gradient(135deg, hsl(var(--card)) 0%, hsl(var(--secondary)) 100%);--grad-accent:linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--destructive)) 100%);--shadow-sm:0 1px 3px #0000001f, 0 1px 2px #00000014;--shadow-card:0 4px 24px #0000001f, 0 1px 4px #0000000f;--shadow-card-dark:0 4px 32px #00000080, 0 1px 0 #ffffff0a inset;--shadow-glow:0 0 40px hsl(var(--primary) / .2)}.dark{--shadow-card:var(--shadow-card-dark)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:hsl(var(--foreground));line-height:1.1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.dark h1,.dark h2,.dark h3,.dark h4{letter-spacing:-.01em;font-family:Oxanium,Inter,sans-serif!important}p,span,li,a,input,textarea,select,button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:hsl(var(--primary) / .5);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary))}::selection{background:hsl(var(--primary) / .3);color:hsl(var(--foreground))}.container-xl{max-width:1280px;margin:0 auto;padding:0 24px}.container-lg{max-width:1080px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-sm{padding:60px 0}.hero-background{color:#fff;background-color:#020e17;background-image:linear-gradient(90deg,#020e17 0% 40%,#020e17b3 60%,#020e1700 80%),url(/images/hero2.png);background-position:0,100%;background-repeat:no-repeat;background-size:cover}.glass-card{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-card);border-radius:20px;transition:border-color .25s,box-shadow .25s,transform .25s}.glass-card:hover{border-color:hsl(var(--primary) / .4);box-shadow:var(--shadow-card), var(--shadow-glow);transform:translateY(-3px)}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.btn-primary:hover{box-shadow:0 8px 28px hsl(var(--primary) / .45);transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:hsl(var(--foreground));border:1px solid hsl(var(--border));cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:13px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{border-color:hsl(var(--primary) / .5);color:hsl(var(--primary));background:hsl(var(--primary) / .08);transform:translateY(-2px)}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.badge-accent{background:hsl(var(--primary) / .12);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .3)}.badge-solar{color:#47b4eb;background:#1aa1e61a;border:1px solid #1aa1e640}.badge-blue{color:#5ea6ed;background:#308ce81a;border:1px solid #308ce840}.text-gradient-accent{background:linear-gradient(135deg, hsl(var(--primary)) 0%, #e08585 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .text-gradient-accent{background:linear-gradient(135deg,#ed5e5e 0%,#ebadad 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-solar{background:linear-gradient(135deg,#30abe8 0%,#75b3f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-white{background:linear-gradient(180deg, hsl(var(--foreground)) 0%, hsl(var(--muted-foreground)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-section{padding:160px 0 80px;position:relative;overflow:hidden}.section-label{letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--primary));font-family:Inter,sans-serif;font-size:11px;font-weight:700}.divider{background:hsl(var(--border));height:1px}.grid-pattern{background-image:linear-gradient(hsl(var(--border) / .5) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--border) / .5) 1px, transparent 1px);background-size:60px 60px}.glow-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.stat-number{letter-spacing:-.03em;color:hsl(var(--foreground));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes electricPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-shimmer{background-size:200%;animation:3s linear infinite shimmer}html,body{max-width:100vw;overflow-x:hidden}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}}@media (max-width:768px){.section{padding:60px 0}.section-sm{padding:40px 0}.container-xl,.container-lg{padding:0 20px}.glass-card{border-radius:16px}}@media (max-width:640px){.section{padding:48px 0}.section-sm{padding:32px 0}.container-xl,.container-lg{padding:0 16px}.glass-card{padding:20px 16px!important}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:13px 20px;font-size:14px}}@media (max-width:480px){h1{font-size:clamp(1.8rem,8vw,2.5rem)!important}h2{font-size:clamp(1.5rem,6.5vw,2.1rem)!important}.section-label{font-size:10px}}