:root{--font-bellefair: "Bellefair", sans-serif;--color-white: white;--color-bg-dark: #000510;--color-bg-overlay: rgba(0, 5, 16, .4);--color-success: #81c784;--color-error: #e57373;--transition-base: all .3s ease;--transition-slow: all .8s cubic-bezier(.4, 0, .2, 1);--z-index-labels: 100;--z-index-loading: 1000;--z-index-modal: 10000}@font-face{font-family:Bellefair;src:url(/Bellefair-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;height:-webkit-fill-available;background-color:var(--color-bg-dark)}body{font-family:var(--font-bellefair);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;height:100%;height:-webkit-fill-available;margin:0;padding:0;background-color:var(--color-bg-dark)}#root{width:100vw;height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available;background-color:var(--color-bg-dark);position:relative}.league-script-regular{font-family:var(--font-bellefair);font-weight:400;font-style:normal}.archivo-hover{font-family:var(--font-bellefair);font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.side-label{position:fixed;display:inline-block;white-space:nowrap;z-index:var(--z-index-labels);color:var(--color-white);font-size:1rem;letter-spacing:.1em;transition:var(--transition-slow);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-bellefair);text-transform:uppercase;font-weight:400;font-style:normal;transform-origin:center center;pointer-events:none}.side-label:hover{color:gray}.side-label.animate-in{opacity:1}.side-label-left{left:1rem;top:50%;transform:translate(-100%) translateY(-50%) rotate(-90deg);transform-origin:center center;pointer-events:auto}.side-label-left.animate-in,.side-label-left:hover,.side-label-left.animate-in:hover{transform:translate(0) translateY(-50%) rotate(-90deg);transform-origin:center center}.side-label-top{top:2rem;left:50%;transform:translate(-50%) translateY(-200%);pointer-events:auto}.side-label-top.animate-in{transform:translate(-50%) translateY(0)}.side-label-right{right:.5rem;top:50%;transform:translate(100vh) rotate(90deg);transform-origin:center center;pointer-events:auto}.side-label-right.animate-in,.side-label-right:hover,.side-label-right.animate-in:hover{transform:translateY(-50%) rotate(90deg);transform-origin:center center}.side-label-bottom{position:relative;transform:rotate(0);transform-origin:center;pointer-events:auto}.bottom-container{position:fixed;bottom:1rem;left:50%;transform:translate(-50%) translateY(100vh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:var(--z-index-labels);opacity:0;transition:var(--transition-slow);pointer-events:none}.bottom-container.animate-in{opacity:1;transform:translate(-50%) translateY(0)}.social-icons{position:relative;display:flex;gap:1.5rem;padding-bottom:1rem;align-items:center;justify-content:center;pointer-events:auto}.social-icon{color:var(--color-white);width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);cursor:pointer;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.social-icon:hover{transform:scale(1.2);filter:drop-shadow(0 0 20px rgba(255,255,255,.8))}.social-icon svg{width:100%;height:100%}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available;background-color:var(--color-bg-dark);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-loading)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available;background-color:var(--color-bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal);animation:fadeIn .3s ease-out}.modal-content{padding:1.5rem;max-width:400px;width:90%;position:relative;animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.signup-form{display:flex;flex-direction:column;gap:1rem}.email-input{background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.5);border-radius:0;appearance:none;padding:.5rem 0;color:var(--color-white);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-bellefair);font-weight:400;font-style:normal;transition:var(--transition-base);outline:none}.email-input::placeholder{color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-bellefair);font-weight:400;font-style:normal}.email-input:disabled{opacity:.6;cursor:not-allowed}.submit-button{background-color:transparent;border:none;text-align:left;color:var(--color-white);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-bellefair);font-weight:400;font-style:normal;cursor:pointer;transition:var(--transition-base)}.submit-button:hover,.submit-button:focus{outline:none;color:var(--color-bg-dark)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-message{border-radius:6px;text-align:left;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-bellefair);font-weight:400;font-style:normal;animation:fadeIn .3s ease-out}.form-message.success{color:var(--color-success)}.form-message.error{color:var(--color-error)}.modal-note{margin-top:1rem;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;text-align:left;font-family:var(--font-bellefair);font-weight:400;font-style:normal;line-height:1.4}