@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-light:#e7eefe;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--border-glass:#00263e1f;--border-glass-glow:#00263e4d;--primary:#00263e;--primary-glow:#00263e33;--accent-green:#00263e;--accent-teal:#00263e;--accent-gold:#d97706;--text-primary:#00263e;--text-secondary:#3a5668;--text-muted:#607d90;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--shadow-premium:0 20px 40px -15px #00263e1a;--shadow-glow:0 0 30px #00263e14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-light);background:#0d948826;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0d948840}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0d94880a}.glass-panel:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-premium);border-color:#05966940}.header-container{z-index:100;justify-content:flex-start;align-items:center;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:30px 20px 0;display:flex;position:relative}@media (width<=768px){.header-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:20px 16px 0}}.header-capsule{background:var(--bg-light);border:1px solid var(--border-glass);border-radius:50px;align-items:center;gap:14px;padding:10px 28px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 20px #00263e08}.header-capsule:hover{border-color:#00263e40;box-shadow:0 6px 24px #00263e14}.school-logo{object-fit:contain;mix-blend-mode:multiply;width:auto;height:38px;transition:transform .3s}.header-capsule:hover .school-logo{transform:rotate(5deg)scale(1.05)}.header-title-main{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text-primary);text-transform:uppercase;font-size:1.05rem;font-weight:800}.header-capsule-right{align-items:center;gap:10px;display:flex}.spore-badge{font-family:var(--font-heading);letter-spacing:.05em;color:var(--accent-green);font-size:1.15rem;font-weight:800}.pulse-dot{background-color:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-active;box-shadow:0 0 #00263e66}@keyframes pulse-active{0%{transform:scale(.95);box-shadow:0 0 #00263e66}70%{transform:scale(1);box-shadow:0 0 0 6px #00263e00}to{transform:scale(.95);box-shadow:0 0 #00263e00}}.hero-wrapper{grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;max-width:1200px;margin:0 auto;padding:60px 20px 80px;display:grid;position:relative}.hero-left{flex-direction:column;align-items:flex-start;display:flex}@media (width<=992px){.hero-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:40px 20px 60px;display:flex}.hero-left{align-items:center;width:100%}.hero-right-container{display:none!important}.hero-desc{z-index:1;position:relative}.hero-desc:before{content:"";opacity:.12;z-index:-1;pointer-events:none;background-image:url(/teachers_illustration.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:-20px}}.hero-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:24px;font-size:3.8rem;font-weight:800;line-height:1.15}@media (width<=576px){.header-container{flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px 12px 0}.header-capsule{justify-content:center;width:100%;padding:8px 20px}.school-logo{height:32px}.header-title-main{font-size:.95rem}.spore-badge{font-size:1.05rem}.hero-title{font-size:2.3rem}.hero-desc{margin-bottom:24px;padding:0 8px;font-size:1rem}.btn-primary{justify-content:center;width:100%;padding:14px 28px;font-size:1rem}.cta-group{width:100%;padding-bottom:16px}.hero-wrapper{gap:32px;padding:24px 12px 40px}}.hero-title span{color:var(--accent-green);font-weight:800;display:inline-block;position:relative}.hero-title span:after{content:"";background-color:var(--accent-green);border-radius:2px;width:100%;height:4px;position:absolute;bottom:8px;left:0}.hero-desc{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:-.01em;max-width:580px;margin-bottom:40px;font-size:1.18rem;font-weight:400;line-height:1.75}.cta-group{flex-wrap:wrap;gap:20px;width:100%;padding-bottom:24px;display:flex;position:relative}.cta-group:after{content:"";background-color:var(--accent-green);border-radius:2px;width:120px;height:3px;position:absolute;bottom:0;left:0}@media (width<=992px){.cta-group{justify-content:center}.cta-group:after{left:50%;transform:translate(-50%)}}.btn-primary{background:var(--accent-green);color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 36px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #00263e26}.btn-primary:hover{background:#001726;transform:translateY(-2px);box-shadow:0 8px 25px #00263e40}.btn-secondary{border:2px solid var(--accent-green);color:var(--accent-green);cursor:pointer;background:#fff;border-radius:50px;align-items:center;gap:10px;padding:14px 34px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#00263e0d;transform:translateY(-2px)}.hero-right-container{justify-content:center;align-items:center;display:flex;position:relative}.mockup-glow{display:none}.hero-illustration{z-index:1;object-fit:contain;width:520px;max-width:100%;height:auto;transition:transform .3s;animation:4s ease-in-out infinite floatIllustration;position:relative}.hero-illustration:hover{transform:scale(1.03)}@keyframes floatIllustration{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}