@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Fredoka:wght@700&display=swap";:root{--color-primary: #e86b62;--color-bg: #f8f8f8;--color-black: #080808;--color-white: #ffffff;--color-blue-glow: #3b82f6;--radius-xxl: 3rem;--radius-xl: 2.5rem;--radius-lg: 1.5rem;--radius-md: 1rem;--font-heading: "Fredoka", sans-serif;--font-body: "Outfit", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-black);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem;overflow:hidden}h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:var(--transition)}.bento-container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:1rem;width:100%;max-width:1400px;height:calc(100vh - 2rem)}.glow-border{border-bottom:2px solid var(--color-blue-glow);box-shadow:0 4px 15px #3b82f64d}.dot-pattern{background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px);background-size:15px 15px}.dark-dot-pattern{background-image:radial-gradient(rgba(0,0,0,.2) 1px,transparent 1px);background-size:12px 12px}.card{border-radius:var(--radius-xl);position:relative;overflow:hidden;display:flex}.card-black{background-color:var(--color-black);color:var(--color-white)}.card-coral{background-color:var(--color-primary);color:var(--color-white)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float-delayed{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.float-anim{animation:float 3s ease-in-out infinite}.float-anim-delayed{animation:float-delayed 3.5s ease-in-out infinite}.card-white{background-color:var(--color-white);color:var(--color-black)}@media(max-width:1024px){.bento-container{grid-template-columns:repeat(12,1fr);grid-template-rows:auto;height:auto!important}body{overflow-y:auto;overflow-x:hidden;align-items:flex-start}.main-coral .coral-character{height:75%!important}}@media(max-width:768px){body{overflow-y:auto;overflow-x:hidden;padding:.5rem;align-items:flex-start}.bento-container{display:flex!important;flex-direction:column;gap:.75rem;height:auto!important;max-width:100%;padding:.5rem}.nav-card{grid-column:unset!important;grid-row:unset!important;order:1;border-radius:1.2rem!important;padding:0 1rem!important;min-height:50px}.nav-links{gap:1rem!important;justify-content:space-between!important}.nav-links a{font-size:.78rem!important}.left-character{grid-column:unset!important;grid-row:unset!important;order:3;min-height:320px;max-height:400px}.hero-img{height:100%!important;max-height:350px}.left-character .float-anim{top:15%!important;right:2%!important;font-size:.65rem!important;padding:.3rem .6rem!important}.left-character .float-anim-delayed{bottom:18%!important;left:2%!important;font-size:.7rem!important;padding:.3rem .7rem!important}.main-coral{grid-column:unset!important;grid-row:unset!important;order:2;min-height:300px;padding:1.5rem!important;border-radius:1.5rem!important}.coral-content{max-width:60%!important}.coral-heading{font-size:2rem!important;margin-bottom:.8rem!important}.coral-character{height:85%!important;right:.5rem!important}.cta-buttons{flex-direction:column;gap:.6rem!important}.cta-buttons button{padding:.65rem 1.2rem!important;font-size:.8rem!important;width:fit-content}.decorative-dots{display:none!important}.bottom-class-card{grid-column:unset!important;grid-row:unset!important;order:4;border-radius:1.5rem!important;min-height:200px}.bottom-stats-card{grid-column:unset!important;grid-row:unset!important;order:5;border-radius:1.5rem!important;min-height:180px;padding:1.2rem!important}.stats-row{flex-wrap:wrap!important;gap:.8rem!important;justify-content:flex-start!important}.stats-row>div{font-size:.78rem!important}}@media(max-width:480px){body{padding:.35rem}.bento-container{gap:.6rem;padding:.25rem}.nav-card{min-height:44px;padding:0 .7rem!important;border-radius:1rem!important}.nav-links{gap:.5rem!important}.nav-links a{font-size:.7rem!important}.main-coral{min-height:260px;padding:1.2rem!important}.coral-content{max-width:55%!important}.coral-heading{font-size:1.6rem!important;margin-bottom:.6rem!important}.main-coral p{font-size:.78rem!important;margin-bottom:1rem!important}.coral-character{height:80%!important;right:0rem!important}.cta-buttons button{padding:.55rem 1rem!important;font-size:.75rem!important}.left-character{min-height:280px;max-height:350px}.hero-img{max-height:300px}.left-character .float-anim{top:10%!important;right:0!important;font-size:.6rem!important}.left-character .float-anim img{width:16px!important;height:16px!important}.left-character .float-anim-delayed{bottom:15%!important;left:0!important;font-size:.65rem!important}.bottom-class-card{min-height:180px;padding:1.2rem!important}.bottom-class-card h2{font-size:2rem!important}.bottom-class-card h3{font-size:.9rem!important}.bottom-stats-card{min-height:160px;padding:1rem!important}.bottom-stats-card>p{font-size:.8rem!important}.stats-row{gap:.6rem!important}.stats-row>div{font-size:.72rem!important;gap:.3rem!important}.stats-row>div svg{width:14px!important;height:14px!important}}@media(max-width:360px){.coral-heading{font-size:1.35rem!important}.coral-content{max-width:50%!important}.coral-character{height:70%!important}.nav-links a{font-size:.62rem!important}.left-character{min-height:240px;max-height:300px}.stats-row>div span{font-size:.65rem!important}}