@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Bungee+Inline&family=Freeman&family=Knewave&family=Mogra&family=Monomaniac+One&family=Rampart+One&family=Shojumaru&family=Zen+Tokyo+Zoo&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--hb-bg-primary:#111315;--hb-bg-secondary:#131517;--hb-bg-card:#0b0d0ffa;--hb-bg-glass:#0b0d0fcc;--hb-neon:#cd1f79;--hb-neon-dark:#3d061d;--hb-neon-light:#cd1c7899;--hb-text-primary:#e3e4ef;--hb-text-secondary:#d4d4d8;--hb-text-muted:#999;--hb-text-white:#fff;--hb-border-dark:#500724;--hb-border-accent:#ec4899;--hb-share-link:#5537ad;--hb-scrollbar-thumb:#2a2f34;--hb-scrollbar-track:#1a1f24;--hb-font-body:"Noto Sans", sans-serif;--hb-font-display:"Monomaniac One", ui-sans-serif, system-ui}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--hb-bg-primary);height:100%;color:var(--hb-text-primary);font-family:var(--hb-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:var(--hb-scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-track{background-color:var(--hb-scrollbar-track)}html{scrollbar-width:thin;scrollbar-color:var(--hb-scrollbar-thumb) var(--hb-scrollbar-track)}.neon-text{color:var(--hb-neon);text-shadow:0 0 3px var(--hb-neon), 0 0 7px var(--hb-neon), 0 0 10px var(--hb-neon), 0 0 16px var(--hb-neon), 0 0 25px var(--hb-neon), 0 0 42px var(--hb-neon), 0 0 64px var(--hb-neon), 0 0 72px var(--hb-neon), 0 0 86px var(--hb-neon)}.neon-text-tight{color:var(--hb-neon);text-shadow:0 0 2px var(--hb-neon), 0 0 3px var(--hb-neon), 0 0 4px var(--hb-neon), 0 0 6px var(--hb-neon), 0 0 8px var(--hb-neon), 0 0 10px var(--hb-neon), 0 0 11px var(--hb-neon), 0 0 12px var(--hb-neon), 0 0 14px var(--hb-neon)}.bright-light{color:var(--hb-text-white);text-shadow:0 0 3px #222, 0 0 7px #333, 0 0 10px #111, 0 0 16px var(--hb-neon), 0 0 25px var(--hb-neon), 0 0 42px var(--hb-neon), 0 0 64px var(--hb-neon), 0 0 72px var(--hb-neon), 0 0 86px var(--hb-neon)}.share-link-glow{color:var(--hb-share-link);text-shadow:0 0 3px var(--hb-share-link), 0 0 7px var(--hb-share-link), 0 0 10px var(--hb-share-link), 0 0 16px var(--hb-share-link), 0 0 25px var(--hb-share-link), 0 0 42px var(--hb-share-link), 0 0 64px var(--hb-share-link), 0 0 72px var(--hb-share-link), 0 0 86px var(--hb-share-link)}.glow-on-hover{color:#fff;cursor:pointer;z-index:0;width:100%;height:50px;font-family:var(--hb-font-display);letter-spacing:.02em;background:#000;border:none;border-radius:10px;outline:none;font-size:1rem;transition:all .3s;position:relative}.glow-on-hover:before{content:"";z-index:-1;filter:blur(5px);opacity:0;background:linear-gradient(45deg,#cd1c78e6,#cd1c7833,#cd1c78cc,#cd1c7880,#cd1c78cc,#cd1c781a,#3d061d,#cd1c7833,#cd1c78cc,#cd1c7880,#cd1c78cc,#cd1c781a,#cd1c78cc,#cd1c7880,#cd1c78cc,#cd1c7833,#3d061d,#cd1c7833,#cd1c78cc,#cd1c7880,#cd1c78cc,#cd1c781a,#cd1c78e6) 0 0/400%;border-radius:10px;width:calc(100% + 4px);height:calc(100% + 4px);transition:opacity .5s ease-in-out;animation:5s linear 1s infinite glowing;position:absolute;top:-2px;left:-2px}.glow-on-hover:active{color:#eee}.glow-on-hover:active:after{background:0 0}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";background:#111;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes glowing{0%{background-position:0 0}to{background-position:100% 0}}.speech-bubble{--arrow-w:1em;--arrow-h:3em;--bubble-corners:1em;--w:100%;--border-size:3px;--text-color:var(--hb-text-primary);--bubble-color:var(--hb-bg-glass);--border-color:#44061feb;text-align:left;font-family:var(--hb-font-body);color:var(--text-color);background:var(--bubble-color);border-radius:var(--bubble-corners);max-width:var(--w);box-shadow:0 0 0 var(--border-size) var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25em 1.5em;font-size:14px;font-weight:300;position:relative}.speech-bubble:before,.speech-bubble:after{content:"";bottom:calc(-1 * var(--arrow-h) * 2 + .5px);border-width:var(--arrow-h) var(--arrow-w);border-style:solid;border-color:var(--bubble-color) transparent transparent;position:absolute;left:50%}.speech-bubble:before{border-width:calc(var(--arrow-h) + var(--border-size)) calc(var(--arrow-w) + var(--border-size));border-color:var(--border-color) transparent transparent;bottom:calc(-1 * var(--arrow-h) * 2 - 2.5 * var(--border-size));left:calc(50% - var(--border-size))}.speech-bubble.pop{animation:.5s cubic-bezier(.755,.05,.855,.06) pop}@keyframes pop{0%{transform:scale(.8)}80%{transform:scale(1.1)}90%{transform:scale(.9)}to{transform:scale(1)}}.glass-card{-webkit-backdrop-filter:blur(16px);background:#0006;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080}.triple-border{border:2px solid var(--hb-border-dark);border-radius:.5rem;padding:2px}.triple-border-inner{border:4px dotted var(--hb-border-accent);opacity:.75;border-radius:.5rem;padding:2px}.triple-border-content{border:2px solid var(--hb-border-dark);background-color:var(--hb-bg-card);border-radius:.5rem}input:-webkit-autofill{transition:background-color 5000s ease-in-out;color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#222!important;border:0 solid #555!important;border-radius:5px!important;box-shadow:inset 0 0 0 1000px #222!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#222!important;border:0 solid #555!important;border-radius:5px!important;box-shadow:inset 0 0 0 1000px #222!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#222!important;border:0 solid #555!important;border-radius:5px!important;box-shadow:inset 0 0 0 1000px #222!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#222!important;border:0 solid #555!important;border-radius:5px!important;box-shadow:inset 0 0 0 1000px #222!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#222!important;border:0 solid #555!important;border-radius:5px!important;box-shadow:inset 0 0 0 1000px #222!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#222!important;border:0 solid #555!important;border-radius:5px!important;box-shadow:inset 0 0 0 1000px #222!important}.bg-overlay-gradient{background:linear-gradient(#000c,#000000b3,#000000e6)}.text-muted-custom{color:var(--hb-text-muted);text-shadow:0 0 2px #222,0 0 3px #333,0 0 5px #333,0 0 7px #333}.hb-input{color:#fff;width:100%;font-family:var(--hb-font-body);background:#000;border:1px solid #0000;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.hb-input:focus{border-color:var(--hb-neon);box-shadow:0 0 0 2px #cd1f794d}.hb-input::placeholder{color:#6b7280}.hb-textarea{width:100%;min-height:200px;color:var(--hb-text-secondary);font-family:var(--hb-font-body);resize:none;background:0 0;border:none;outline:none;padding:1rem;font-size:.95rem;font-weight:100;line-height:1.6}.hb-textarea::placeholder{color:#4b5563}.hb-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:inline-flex;position:relative}.hb-toggle input{display:none}.hb-toggle-track{background:#333;border-radius:13px;width:48px;height:26px;transition:background .3s;position:relative}.hb-toggle input:checked+.hb-toggle-track{background:var(--hb-neon)}.hb-toggle-thumb{background:radial-gradient(circle,#fbe4ec 50%,#cd1f79 55%,#000 65%);border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:2px;left:2px}.hb-toggle input:checked~.hb-toggle-track .hb-toggle-thumb{transform:translate(22px)}.hb-toggle-label{color:var(--hb-text-muted);text-shadow:0 0 2px #222,0 0 3px #333,0 0 5px #333,0 0 7px #333;font-size:9pt;font-weight:300}.footer-link{color:#fff;letter-spacing:-.05em;background-color:var(--hb-bg-card);padding:0 .5rem;font-size:.75rem;font-weight:300;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--hb-neon)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-neon{0%,to{text-shadow:0 0 3px var(--hb-neon), 0 0 7px var(--hb-neon), 0 0 10px var(--hb-neon), 0 0 16px var(--hb-neon)}50%{text-shadow:0 0 5px var(--hb-neon), 0 0 12px var(--hb-neon), 0 0 20px var(--hb-neon), 0 0 30px var(--hb-neon), 0 0 50px var(--hb-neon)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-fade-in-up-delay-1{opacity:0;animation:.6s ease-out .2s forwards fadeInUp}.animate-fade-in-up-delay-2{opacity:0;animation:.6s ease-out .4s forwards fadeInUp}.animate-fade-in-up-delay-3{opacity:0;animation:.6s ease-out .6s forwards fadeInUp}.animate-pulse-neon{animation:3s ease-in-out infinite pulse-neon}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.show-mobile-only{display:none!important}}
