.cinematic-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:6rem;padding-bottom:4rem}.hero-space-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0a0e27,#1a1f3a,#2a2f4a);z-index:0}[data-theme=light] .hero-space-bg{background:linear-gradient(180deg,#1e293b,#334155,#475569)}.hero-space-bg:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 85%,white,transparent),radial-gradient(1px 1px at 75% 25%,white,transparent);background-size:200% 200%;background-position:0% 0%;animation:twinkle 20s ease-in-out infinite;opacity:.6}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero-layout{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:80vh}.hero-content{z-index:15;animation:fadeInLeft 1s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f88e0226;border:1px solid rgba(248,142,2,.3);padding:.5rem 1.25rem;border-radius:50px;color:var(--primary-color);font-weight:600;font-size:.9rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-content h1{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff;letter-spacing:-.03em}.golden-gradient{background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-content p{font-size:1.15rem;line-height:1.7;color:#ffffffd9;margin-bottom:2rem;max-width:90%}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;position:relative;z-index:20}.btn-energy{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:1.1rem;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #10b98166;position:relative;overflow:hidden}.btn-energy:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-energy:hover:before{width:300px;height:300px}.btn-energy:hover{transform:translateY(-3px);box-shadow:0 15px 40px #10b98180}.btn-energy-outline{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:transparent;color:#fff;font-weight:600;font-size:1.1rem;border-radius:50px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-energy-outline: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-energy-outline:hover:before{width:300px;height:300px}.btn-energy-outline:hover{transform:translateY(-3px);border-color:#fff9;box-shadow:0 10px 30px #fff3}[data-theme=light] .btn-energy-outline{color:var(--secondary-color);border-color:#2324484d}[data-theme=light] .btn-energy-outline:hover{border-color:#23244899;box-shadow:0 10px 30px #23244833}[data-theme=light] .btn-energy-outline:before{background:#2324480d}.hero-visual{position:relative;height:600px;z-index:10;animation:fadeInRight 1s ease-out}.solar-sun{position:absolute;top:15%;right:20%;width:250px;height:250px;z-index:5}.sun-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,.6) 0%,rgba(255,165,0,.3) 40%,transparent 70%);transform:translate(-50%,-50%);animation:sunPulse 4s ease-in-out infinite;filter:blur(20px)}.sun-core{position:absolute;top:50%;left:50%;width:150px;height:150px;background:radial-gradient(circle,gold,orange,#ff8c00);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #ffd700cc,0 0 100px #ffa50099,inset 0 0 30px #ff8c0080;animation:none!important}.sun-rays{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);animation:none!important}.sun-rays:before,.sun-rays:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.6) 50%,transparent 100%);transform:translate(-50%,-50%);box-shadow:0 0 20px #ffd700cc}.sun-rays:after{transform:translate(-50%,-50%) rotate(90deg)}@keyframes sunPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes sunRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes raysRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.solar-panels-group{position:absolute;bottom:15%;right:5%;display:flex;gap:1.5rem;z-index:8;transform:perspective(1000px) rotateY(-10deg) rotateX(5deg)}.solar-panel{width:120px;height:180px;background:linear-gradient(135deg,#1e3a5f,#2d5a8c);border-radius:8px;position:relative;box-shadow:0 10px 30px #00000080,inset 0 2px 10px #ffffff1a;animation:panelFloat 3s ease-in-out infinite;border:2px solid rgba(100,150,200,.3)}.solar-panel.panel-2{animation-delay:.3s;transform:translateY(-10px)}.solar-panel.panel-3{animation-delay:.6s;transform:translateY(-20px)}.solar-panel.panel-4{animation-delay:.9s;transform:translateY(-5px)}.panel-cells{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background-image:repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(100,150,200,.3) 18px,rgba(100,150,200,.3) 20px),repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(100,150,200,.3) 18px,rgba(100,150,200,.3) 20px);border-radius:4px}.panel-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);border-radius:8px;animation:panelShine 4s ease-in-out infinite}@keyframes panelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes panelShine{0%,to{opacity:.3}50%{opacity:.6}}.energy-beams{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;pointer-events:none}.beam{fill:none;stroke:#ffd70099;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));stroke-dasharray:1000;stroke-dashoffset:1000;animation:beamFlow 3s ease-in-out infinite}.beam-1{animation-delay:0s}.beam-2{animation-delay:.3s}.beam-3{animation-delay:.6s}.beam-4{animation-delay:.9s}@keyframes beamFlow{0%{stroke-dashoffset:1000;opacity:0}50%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:7}.particle{position:absolute;width:4px;height:4px;background:#ffd700cc;border-radius:50%;box-shadow:0 0 10px #ffd700cc;animation:particleFloat 6s ease-in-out infinite}.particle:nth-child(1){top:20%;left:30%;animation-delay:0s}.particle:nth-child(2){top:40%;left:60%;animation-delay:1s}.particle:nth-child(3){top:60%;left:25%;animation-delay:2s}.particle:nth-child(4){top:30%;left:80%;animation-delay:3s}.particle:nth-child(5){top:70%;left:50%;animation-delay:4s}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-30px) scale(1.5);opacity:1}}.energy-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9}.hero-divider{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;z-index:20}.hero-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px}.divider-fill{fill:var(--background-color)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.hero-layout{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-content{order:1}.hero-visual{order:2;height:500px;margin:0 auto;max-width:600px}.hero-content h1{font-size:3rem}.hero-content p{max-width:100%}.hero-cta{justify-content:center}.solar-sun{right:50%;transform:translate(50%)}.solar-panels-group{right:50%;transform:translate(50%) perspective(1000px) rotateY(0) rotateX(5deg)}}@media (max-width: 768px){.cinematic-hero{min-height:0;padding-top:5rem;padding-bottom:3rem}.hero-layout{gap:2rem;min-height:0}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.btn-energy,.btn-energy-outline{padding:.875rem 2rem;font-size:1rem;width:100%;justify-content:center}.hero-visual{height:400px}.solar-sun{width:180px;height:180px;top:10%}.sun-core{width:100px;height:100px}.solar-panels-group{gap:1rem;bottom:10%}.solar-panel{width:80px;height:120px}.hero-divider svg{height:60px}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.hero-badge{font-size:.8rem;padding:.4rem 1rem}.solar-panels-group{gap:.75rem}.solar-panel{width:60px;height:100px}.solar-sun{width:150px;height:150px}.sun-core{width:80px;height:80px}}header{background:transparent!important}.nav-wrapper{background-color:#0f172ab3!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=light] .nav-wrapper{background-color:#ffffffb3!important;border:1px solid rgba(0,0,0,.1)!important}.mobile-menu-btn{display:none}@media (max-width: 900px){.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;z-index:1001}[data-theme=light] .mobile-menu-btn{color:var(--text-color)}.nav-links{display:none}.nav-links.active{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0e27fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6rem 2rem 2rem;gap:2rem;z-index:1000;animation:slideDown .3s ease-out;overflow-y:auto;max-height:100vh}[data-theme=light] .nav-links.active{background:#fffffffa}.nav-links a{color:#fff;font-size:1.5rem}[data-theme=light] .nav-links a{color:var(--text-color)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .hero-badge,[dir=rtl] .hero-cta{flex-direction:row-reverse}[dir=rtl] .btn-energy i,[dir=rtl] .btn-energy-outline i{margin-left:.75rem;margin-right:0}[dir=rtl] .solar-sun{right:auto;left:20%}[dir=rtl] .solar-panels-group{right:auto;left:5%;transform:perspective(1000px) rotateY(10deg) rotateX(5deg)}@media (max-width: 1024px){[dir=rtl] .hero-content{text-align:center}[dir=rtl] .hero-cta{justify-content:center}[dir=rtl] .solar-sun{left:auto!important;right:50%!important;transform:translate(50%)!important}[dir=rtl] .solar-panels-group{left:auto!important;right:50%!important;transform:translate(50%) perspective(1000px) rotateY(0) rotateX(5deg)!important}}@media (max-width: 768px){[dir=rtl] .solar-panels-group{bottom:10%!important}}[data-theme=light][dir=rtl] .hero-content h1,[data-theme=light][dir=rtl] .hero-content p{text-align:right}@media (max-width: 1024px){[data-theme=light][dir=rtl] .hero-content h1,[data-theme=light][dir=rtl] .hero-content p{text-align:center}}[dir=rtl] .hero-cta{justify-content:flex-end}[dir=rtl] .hero-content{text-align:right}@media (max-width: 1024px){[dir=rtl] .hero-cta{justify-content:center}[dir=rtl] .hero-content{text-align:center}}[data-theme=light] .hero-content h1{color:var(--secondary-color)}[data-theme=light] .hero-content p{color:var(--text-color)}[data-theme=light] .hero-badge{background:#f88e021a;border-color:#f88e024d}[dir=rtl] .hero-cta{flex-direction:row-reverse}[dir=rtl] .btn-energy i,[dir=rtl] .btn-energy-outline i{transform:scaleX(-1)}[dir=rtl] .solar-panels-group{left:5%;right:auto}[dir=rtl] .solar-sun{left:20%;right:auto}@media (max-width: 768px){.hero-cta{gap:.75rem}.hero-content{padding:0 1rem}}@media (min-width: 769px) and (max-width: 1024px){.hero-content h1{font-size:3.5rem}.btn-energy,.btn-energy-outline{font-size:1.05rem;padding:.95rem 2.25rem}}@media (max-width: 768px){.btn-energy,.btn-energy-outline{min-height:48px;padding:1rem 2rem}.theme-toggle-btn,.mobile-menu-btn{min-width:44px;min-height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.solar-sun,.solar-panel,.beam,.particle{animation:none!important}}.solar-sun,.solar-panel,.btn-energy,.btn-energy-outline{will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}[data-theme=light] .golden-gradient{background:linear-gradient(135deg,#d97706,#ea580c,#dc2626);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content h1{text-shadow:0 2px 10px rgba(0,0,0,.3)}[data-theme=light] .hero-content h1{text-shadow:0 2px 10px rgba(255,255,255,.5)}.cinematic-hero{overflow-x:hidden}.hero-layout{max-width:100%;overflow:visible}@media (max-width: 768px){body{overflow-x:hidden}.container{padding-inline:1rem}}.btn-energy:focus,.btn-energy-outline:focus,.theme-toggle-btn:focus,.mobile-menu-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn-energy:focus:not(:focus-visible),.btn-energy-outline:focus:not(:focus-visible){outline:none}.hero-content,.hero-visual{opacity:0;animation:fadeIn .8s ease-out forwards}.hero-content{animation-delay:.2s}.hero-visual{animation-delay:.4s}@keyframes fadeIn{to{opacity:1}}@media print{.cinematic-hero{background:#fff!important}.hero-space-bg,.solar-sun,.solar-panels-group,.energy-beams,.floating-particles{display:none!important}.hero-content h1,.hero-content p{color:#000!important}}@supports (-webkit-appearance: none){.btn-energy,.btn-energy-outline{-webkit-appearance:none;-moz-appearance:none;appearance:none}}@media (max-width: 360px){.hero-content h1{font-size:1.75rem}.btn-energy,.btn-energy-outline{font-size:.9rem;padding:.75rem 1.5rem}.solar-panel{width:50px;height:90px}}@media (min-width: 1920px){.hero-layout{max-width:1600px;margin:0 auto}}@media (hover: hover){.btn-energy:hover,.btn-energy-outline:hover{cursor:pointer}}@media (hover: none){.btn-energy:active,.btn-energy-outline:active{transform:scale(.98)}}.hero-space-bg{z-index:0}.hero-layout{z-index:10}.hero-content{z-index:15}.hero-visual{z-index:10}.hero-divider{z-index:20}header{z-index:1000}.nav-links.active{z-index:1000}.mobile-menu-btn{z-index:1001}html{scroll-padding-top:100px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.btn-energy,.btn-energy-outline,.btn-primary,.btn-outline{font-family:var(--font-sans);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}@media (max-width: 900px){.nav-links.active{align-items:center;justify-content:center}.nav-links.active a{width:100%;text-align:center;padding:1rem;border-radius:8px;transition:background-color .3s ease}.nav-links.active a:hover{background-color:#f88e021a}}.golden-gradient,.text-gradient{background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content{--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}*{-webkit-tap-highlight-color:transparent}::selection{background-color:var(--primary-color);color:#fff}::-moz-selection{background-color:var(--primary-color);color:#fff}