@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Bebas+Neue&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{width:100vw;height:100vh;min-height:100vh;min-height:100dvh;height:100dvh;margin:0;padding:0;overflow:hidden;box-sizing:border-box}#root{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;min-width:100vw;width:100vw;margin:0;padding:0;font-family:Montserrat,Arial,sans-serif;background:linear-gradient(135deg,#43e97b,#38f9d7,#3f51b5);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.goodboy-hero{background:linear-gradient(135deg,#43e97b,#38f9d7,#3f51b5,#ff69b4,gold);background-size:500% 100%;animation:hero-gradient-shift 10s ease-in-out infinite;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:32px;border:2px solid #1e283c;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:420px;min-width:300px;min-height:80vh;min-height:70dvh;max-height:95vh;max-height:95dvh;position:relative;overflow:hidden;padding-bottom:max(3rem,env(safe-area-inset-bottom))}@keyframes hero-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}to{background-position:0% 50%}}.goodboy-title{font-family:Bebas Neue,Montserrat,Arial,sans-serif;font-size:4.2rem;color:#fff;margin:1.5rem 0 .5rem;letter-spacing:.18em;text-shadow:0 0 16px #38f9d7,0 2px 8px #3f51b5,0 1px 0 #000a;animation:hero-glow 2.2s infinite alternate cubic-bezier(.68,-.55,.27,1.55),hero-shimmer 3.5s linear infinite;font-weight:700;text-transform:uppercase;background:linear-gradient(90deg,#fff,#38f9d7,#ff69b4,gold,#fff 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes hero-glow{0%{text-shadow:0 0 16px #38f9d7,0 2px 8px #3f51b5,0 1px 0 #000a;transform:scale(1)}60%{text-shadow:0 0 32px #ffd700,0 2px 16px #ff69b4,0 1px 0 #000a;transform:scale(1.07)}to{text-shadow:0 0 24px #38f9d7,0 2px 12px #3f51b5,0 1px 0 #000a;transform:scale(1.03)}}@keyframes hero-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.goodboy-title-2{font-family:Montserrat,Arial,sans-serif;font-size:2.2rem;color:#fff;margin:.5rem 0 1.5rem;letter-spacing:.12em;text-shadow:0 0 8px #38f9d7,0 1px 0 #000a;font-weight:700;text-transform:uppercase;animation:hero-glow 2.2s infinite alternate cubic-bezier(.68,-.55,.27,1.55)}.helo-image-wrapper{display:flex;align-items:center;justify-content:center;margin:2rem 0;position:relative}.helo-hero-img{width:300px;height:300px;object-fit:cover;border-radius:50%;border:8px solid #1e283c;box-shadow:0 8px 32px #1018202e,0 0 0 8px #fff6;background:#fff;transition:transform .2s,box-shadow .2s}.helo-hero-img:hover{transform:scale(1.06) rotate(-2deg);transition:transform .3s,box-shadow .3s;box-shadow:0 16px 48px #3c3c3c38,0 0 0 12px #38f9d7cc}.helo-hero-img:focus{outline:3px solid #101820;outline-offset:4px}.fade-in{opacity:1;transition:opacity .4s ease-in}.fade-out{opacity:0;transition:opacity .4s ease-out}.about-btn{margin-top:2rem;padding:.9rem 2.2rem;font-size:1.2rem;font-family:Montserrat,Arial,sans-serif;font-weight:700;color:#fff;background:linear-gradient(90deg,#005a8d,#00796b);border:2px solid #00334d;border-radius:2rem;box-shadow:0 2px 12px #00334d88;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s,border .2s}.about-btn:hover,.about-btn:focus{background:linear-gradient(90deg,#00334d,#00796b);transform:translateY(-2px) scale(1.04);box-shadow:0 6px 24px #00334daa;border:2px solid #fff;outline:3px solid #101820;outline-offset:2px}.confetti-burst-overlay{position:fixed;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:2000;width:100vw;height:100vh}.confetti-piece{position:absolute;border-radius:50%;opacity:.85;animation:confetti-burst-move 3s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes confetti-burst-move{0%{opacity:.3;transform:translate(-50%,-50%) scale(.7)}80%{opacity:.5}to{opacity:.8}}.helo-modal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:#1018201a;display:flex;align-items:center;justify-content:center;z-index:9999;animation:modal-fade-in .3s}.helo-modal{background:#fff;color:#101820;border-radius:1.5rem;box-shadow:0 8px 32px #10182038;padding:2.2rem 2.5rem 1.5rem;min-width:320px;max-width:90vw;text-align:center;font-family:Montserrat,Arial,sans-serif;animation:modal-pop .4s cubic-bezier(.68,-.55,.27,1.55)}.helo-modal h2{font-size:1.5rem;margin-bottom:1rem}.helo-modal p{font-size:1.15rem;margin:0}@keyframes modal-pop{0%{transform:scale(.7) translateY(40px);opacity:0}80%{transform:scale(1.05) translateY(-8px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.helo-modal-overlay.fade-out,.helo-modal.fade-out{opacity:0;transition:opacity .4s ease}.helo-modal-overlay,.helo-modal{opacity:1;transition:opacity .4s ease}@media (max-width: 600px){#root,html,body{min-width:100vw;min-height:100vh;min-height:100dvh;width:100vw;height:100vh;height:100dvh;overflow:hidden}.goodboy-hero{width:100vw;max-width:100vw;min-width:100vw;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;margin:0;padding:1.2rem .5rem max(1.2rem,env(safe-area-inset-bottom)) .5rem}}