:root{--blue:#21409a;--blue-dark:#1a3280;--blue-light:#eef2ff;--green:#39b54a;--green-dark:#2ea040;--green-light:#edfbef;--yellow:#fcb612;--yellow-dark:#e5a000;--yellow-light:#fff8e6;--dark:#0d1b3e;--text:#374151;--text-light:#6b7280;--white:#fff;--light-bg:#f8fafc;--border:#e5e7eb;--shadow-sm:0 1px 3px #00000014, 0 1px 8px #0000000a;--shadow:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-lg:0 10px 40px #0000001f, 0 4px 12px #0000000f;--radius:12px;--radius-sm:8px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--dark);font-weight:700;line-height:1.2}p{line-height:1.7}a{color:var(--blue);text-decoration:none;transition:color .2s}a:hover{color:var(--blue-dark)}img{max-width:100%}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:60px 0}.label{letter-spacing:2.5px;text-transform:uppercase;color:var(--green);margin-bottom:14px;font-size:12px;font-weight:700;display:inline-block}.label-yellow{color:var(--yellow)}.label-white{color:#ffffffbf}.section-title{letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.75rem)}.section-sub{color:var(--text-light);max-width:660px;margin:0 auto;font-size:1.0625rem;line-height:1.75}.text-center{text-align:center}.text-white{color:var(--white)!important}.text-white p,.text-white h2,.text-white h3{color:var(--white)}.bg-light{background:var(--light-bg)}.bg-blue{background:var(--blue)}.bg-dark{background:var(--dark)}.bg-green{background:var(--green)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #21409a59}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #39b54a59}.btn-yellow{background:var(--yellow);color:var(--dark)}.btn-yellow:hover{background:var(--yellow-dark);color:var(--dark);transform:translateY(-1px);box-shadow:0 4px 12px #fcb61259}.btn-outline-white{color:#fff;background:0 0;border:2px solid #ffffffb3}.btn-outline-white:hover{color:var(--blue);background:#fff;border-color:#fff}.btn-outline-blue{color:var(--blue);border:2px solid var(--blue);background:0 0}.btn-outline-blue:hover{background:var(--blue);color:#fff}.btn-lg{padding:16px 36px;font-size:16px}.btn-sm{padding:9px 20px;font-size:14px}.card{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;padding:32px;transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:60px 0}.section-sm{padding:40px 0}}.badge{border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-yellow{background:var(--yellow-light);color:var(--yellow-dark)}.divider{background:var(--green);border-radius:2px;width:56px;height:4px;margin:16px auto 32px}.divider-left{margin-left:0}.divider-yellow{background:var(--yellow)}.icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.icon-circle-blue{background:var(--blue-light)}.icon-circle-green{background:var(--green-light)}.icon-circle-yellow{background:var(--yellow-light)}.check-list li{color:var(--text);align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.check-list li:before{content:"✓";background:var(--green-light);width:20px;height:20px;color:var(--green-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;font-weight:700;display:inline-flex}.stat-number{color:var(--yellow);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1}.stat-label{color:#fffc;margin-top:6px;font-size:15px}@keyframes rb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.rb-float{animation:3.5s ease-in-out infinite rb-float}@keyframes rb-antenna{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.rb-antenna-1{animation:1.4s ease-in-out infinite rb-antenna}.rb-antenna-2{animation:1.4s ease-in-out .3s infinite rb-antenna}@keyframes rb-blink{0%,40%,to{transform:scaleY(1)}45%,48%{transform:scaleY(.08)}50%{transform:scaleY(1)}90%,93%{transform:scaleY(.08)}95%{transform:scaleY(1)}}.rb-eye-l{transform-origin:114px 120px;animation:5s ease-in-out infinite rb-blink}.rb-eye-r{transform-origin:166px 120px;animation:5s ease-in-out .15s infinite rb-blink}@keyframes rb-scan{0%{opacity:.2;width:0}50%{opacity:1}to{opacity:.5}}.rb-line-1{animation:2s ease-in-out infinite rb-scan}.rb-line-2{animation:2s ease-in-out .25s infinite rb-scan}.rb-line-3{animation:2s ease-in-out .5s infinite rb-scan}.rb-line-4{animation:2s ease-in-out .75s infinite rb-scan}.rb-line-5{animation:2s ease-in-out 1s infinite rb-scan}@keyframes rb-power{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.45;transform:scale(1.25)}}.rb-power{animation:1.2s ease-in-out infinite rb-power}@keyframes rb-wave{0%,to{transform:rotate(0)}20%{transform:rotate(-22deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-18deg)}80%{transform:rotate(8deg)}}.rb-wave{transform-origin:252px 205px;animation:2.4s ease-in-out infinite rb-wave}@keyframes gear-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gear-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.gear-cw{animation:8s linear infinite gear-cw}.gear-ccw{animation:10s linear infinite gear-ccw}.gear-cw-fast{animation:4s linear infinite gear-cw}@keyframes float-1{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(6px,-10px)rotate(3deg)}66%{transform:translate(-4px,-6px)rotate(-2deg)}}@keyframes float-2{0%,to{transform:translate(0)}50%{transform:translate(-8px,-14px)}}@keyframes float-3{0%,to{transform:translate(0)rotate(0)}40%{transform:translate(10px,-8px)rotate(5deg)}70%{transform:translate(-5px,-12px)rotate(-3deg)}}.float-badge-1{animation:4s ease-in-out infinite float-1}.float-badge-2{animation:5s ease-in-out .7s infinite float-2}.float-badge-3{animation:3.8s ease-in-out 1.4s infinite float-3}.float-badge-4{animation:4.5s ease-in-out 2s infinite float-1}@keyframes circuit-draw{0%{stroke-dashoffset:300px;opacity:0}to{stroke-dashoffset:0;opacity:.6}}.circuit-path{stroke-dasharray:300;animation:2s forwards circuit-draw}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-anim-1{animation:.6s forwards slide-up}.hero-anim-2{opacity:0;animation:.6s .15s forwards slide-up}.hero-anim-3{opacity:0;animation:.6s .3s forwards slide-up}.hero-anim-4{opacity:0;animation:.6s .45s forwards slide-up}.hero-anim-5{opacity:0;animation:.6s .6s forwards slide-up}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.sparkle-1{animation:2.5s ease-in-out infinite sparkle}.sparkle-2{animation:2.5s ease-in-out .8s infinite sparkle}.sparkle-3{animation:2.5s ease-in-out 1.6s infinite sparkle}@keyframes led-blink{0%,90%,to{opacity:1}95%{opacity:.2}}.led{animation:3s ease-in-out infinite led-blink}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-bottom:60px;display:grid;position:relative}.stats-grid{grid-template-columns:repeat(4,1fr);padding:28px 24px;display:grid}.kits-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.mission-grid{grid-template-columns:auto 1fr;align-items:center;gap:64px;display:grid;position:relative}.sdg-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.why-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.programs-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hero-float-badges{flex-wrap:wrap;gap:14px;display:flex}.hero-mobile-floats{pointer-events:none;z-index:3;display:none;position:absolute;inset:0}.hero-mobile-floats span{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;letter-spacing:.2px;background:#0d1b3eb8;border:1px solid #ffffff38;border-radius:100px;align-items:center;gap:5px;padding:5px 13px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}@media (width<=1024px){.kits-grid,.programs-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:40px}.hero-text-col{text-align:center;z-index:2;padding-top:40px;padding-bottom:52px;position:relative}.hero-text-col h1{letter-spacing:-.5px!important;font-size:1.9rem!important}.hero-text-col p{font-size:.92rem!important;line-height:1.65!important}.hero-text-col .hero-float-badges{justify-content:center}.hero-robot-col{opacity:.6;pointer-events:none;justify-content:center;align-items:center;inset:0;display:flex!important;position:absolute!important}.hero-abs-badges{display:none!important}.hero-mobile-floats{display:block}.hero-anim-4{justify-content:center}.mission-grid{grid-template-columns:1fr;gap:32px}.mission-robot{display:none!important}.sdg-grid{grid-template-columns:1fr;gap:40px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:4px}}@media (width<=768px){.hero-grid .hero-text-col h1{font-size:1.7rem!important}.why-grid,.kits-grid,.programs-grid{grid-template-columns:1fr}}@media (width<=500px){.stats-grid{grid-template-columns:repeat(2,1fr);padding:20px 16px}.hero-float-badges{display:none!important}.hero-grid .hero-text-col h1{font-size:1.5rem!important}.hero-grid .hero-text-col p{font-size:.88rem!important}}.sdg-tag{border-radius:var(--radius-sm);border:1px solid #ffffff26;border-left:4px solid var(--yellow);background:#ffffff14;align-items:center;gap:12px;padding:14px 20px;display:flex}.page-wrapper{flex:1}
