*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00020f;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(229,181,0,.2);border-top:4px solid #FDC800;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;box-shadow:0 0 20px #fdc8004d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:1.125rem;margin:0;color:#94a3b8}.signin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#00020f;position:relative;overflow:hidden}.signin-container:before{content:"";position:absolute;inset:-10px;background-image:url(/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(5px);z-index:0}.signin-container:after{content:"";position:absolute;inset:0;background:#00020f80;z-index:0}.signin-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}.brand-logo{width:200px;height:auto;filter:drop-shadow(0 4px 20px rgba(253,200,0,.3))}.beta-badge{background:transparent;border:1px solid #FDC800;color:#fdc800;padding:8px 20px;border-radius:6px;font-size:.875rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;position:relative;animation:glitch 3s infinite}.beta-badge:before,.beta-badge:after{content:"BETA";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px 20px}.beta-badge:before{color:red;animation:glitch-1 2.5s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}@keyframes glitch{0%,to{text-shadow:0 0 10px rgba(253,200,0,.5)}5%,15%,25%,35%,45%{text-shadow:-2px 0 0 #ff0000,2px 0 0 #00ffff,0 0 20px rgba(253,200,0,.8)}10%,20%,30%,40%,50%{text-shadow:2px 0 0 #ff0000,-2px 0 0 #00ffff,0 0 20px rgba(253,200,0,.8)}}.login-button{background:#fcd535;color:#00020f;border:none;padding:14px 48px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:none}.login-button:hover{background:#e5b500;transform:translateY(-1px);box-shadow:0 4px 12px #fcd53566}.login-button:active{transform:translateY(0)}.preview-carousel{display:flex;align-items:center;gap:24px;margin:24px 0}.carousel-arrow{background:#fcd5350a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:.5px solid rgba(252,213,53,.4);color:#fcd535;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{background:#fcd535;color:#00020f;transform:scale(1.1)}.carousel-content{width:900px;height:500px;border-radius:16px;overflow:hidden}.carousel-image{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:1024px){.carousel-content{width:750px;height:420px}}@media(max-width:768px){.signin-container{padding:20px 0}.signin-content{gap:20px;padding:20px 12px;width:100%;max-width:100%}.brand-logo{width:180px}.beta-badge{font-size:.75rem;padding:6px 16px}.login-button{padding:14px 48px;font-size:1rem}.preview-carousel{gap:8px;margin:16px 0;width:100%;padding:0 8px}.carousel-arrow{width:40px;height:40px;flex-shrink:0}.carousel-arrow svg{width:18px;height:18px}.carousel-content{width:100%;height:auto;max-width:calc(100vw - 100px);aspect-ratio:16/9}.carousel-image{width:100%;height:100%;object-fit:contain}}@media(max-width:640px){.signin-content{gap:18px;padding:16px 10px}.brand-logo{width:160px}.preview-carousel{gap:6px;padding:0 6px}.carousel-arrow{width:38px;height:38px}.carousel-arrow svg{width:18px;height:18px}.carousel-content{max-width:calc(100vw - 90px)}}@media(max-width:480px){.signin-content{gap:16px;padding:12px 8px}.brand-logo{width:140px}.preview-carousel{gap:6px;padding:0 4px}.carousel-arrow{width:36px;height:36px}.carousel-arrow svg{width:16px;height:16px}.carousel-content{max-width:calc(100vw - 85px)}.login-button{padding:12px 40px;font-size:.9375rem}}.beta-container{min-height:100vh;background:#00020f;transition:background .5s ease}.beta-container.loading-bg{position:relative;overflow:hidden}.beta-container.loading-bg:before{content:"";position:absolute;inset:-10px;background-image:url(/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(5px);z-index:0}.beta-container.loading-bg:after{content:"";position:absolute;inset:0;background:#00020f80;z-index:0}.beta-container.loading-bg>*{position:relative;z-index:1}.beta-nav{background:#fcd5350a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:.5px solid rgba(252,213,53,.4);box-shadow:0 4px 134px #fcd53500;padding:20px 60px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:20px;left:50%;transform:translate(-50%);max-width:90%;width:900px;border-radius:100px;z-index:1000;transition:all .3s ease}.beta-nav:hover{box-shadow:0 12px 48px #000c,0 0 60px #e5b50066,inset 0 1px #ffffff26;border-color:#fdc8004d}.nav-brand{display:flex;align-items:center;gap:16px}.nav-logo{height:28px;width:auto;filter:drop-shadow(0 2px 10px rgba(253,200,0,.2))}.beta-badge{background:linear-gradient(135deg,#e5b500,#cc9f00);color:#ffe066;padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:2px;border:1px solid rgba(253,200,0,.3);box-shadow:0 0 15px #e5b5004d;position:relative;animation:glitch 3s infinite}.beta-badge:before,.beta-badge:after{content:"BETA";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:12px}.beta-badge:before{color:#f06;animation:glitch-1 2.5s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.beta-badge:after{color:#0ff;animation:glitch-2 2s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch{0%,to{text-shadow:0 0 10px rgba(255,224,102,.5)}5%,15%,25%,35%,45%{text-shadow:-2px 0 0 #ff0066,2px 0 0 #00ffff,0 0 20px rgba(255,224,102,.8)}10%,20%,30%,40%,50%{text-shadow:2px 0 0 #ff0066,-2px 0 0 #00ffff,0 0 20px rgba(255,224,102,.8)}}@keyframes glitch-1{0%,to{transform:translate(0) skew(0);opacity:.7}20%{transform:translate(-3px) skew(-2deg);opacity:.6}40%{transform:translate(3px) skew(2deg);opacity:.8}60%{transform:translate(-2px) skew(1deg);opacity:.5}80%{transform:translate(2px) skew(-1deg);opacity:.7}}@keyframes glitch-2{0%,to{transform:translate(0) skew(0);opacity:.7}15%{transform:translate(2px) skew(1deg);opacity:.8}35%{transform:translate(-3px) skew(-2deg);opacity:.5}55%{transform:translate(3px) skew(2deg);opacity:.6}75%{transform:translate(-2px) skew(-1deg);opacity:.7}}.logout-button{background:#fcd535;color:#00020f;border:1px solid #FCD535;padding:12px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.logout-button svg{transition:transform .3s ease}.logout-button:hover{background:#e5b500;color:#00020f;border-color:#e5b500;box-shadow:0 4px 20px #fcd53566;transform:translateY(-2px)}.logout-button:hover svg{transform:translate(2px)}.beta-content{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 40px;position:relative;overflow:hidden}.welcome-hero{width:100%;max-width:1000px;margin:0 auto;position:relative;z-index:1}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0;pointer-events:none;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.glow-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(253,200,0,.4) 0%,transparent 70%);top:-200px;right:-100px;animation:float-orb-1 20s ease-in-out infinite}.glow-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,224,102,.3) 0%,transparent 70%);bottom:-150px;left:-100px;animation:float-orb-2 18s ease-in-out infinite}.welcome-hero:hover .glow-orb-1{transform:translate(80px,-80px) scale(1.3);opacity:.5;filter:blur(100px)}.welcome-hero:hover .glow-orb-2{transform:translate(-100px,60px) scale(1.4);opacity:.5;filter:blur(100px)}.hero-content{text-align:center;position:relative;z-index:2;padding:40px 20px}.hero-title{margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.title-line{font-size:2rem;color:#94a3b8;font-weight:400;letter-spacing:.5px;text-transform:uppercase;opacity:0;animation:fade-slide-down 1s ease forwards}.title-highlight{font-size:5rem;font-weight:900;background:linear-gradient(135deg,#fdc800,#ffe066,#fdc800);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px;line-height:1;animation:fade-slide-up 1s ease .2s forwards,gradient-shift 8s ease infinite;opacity:0;filter:drop-shadow(0 0 30px rgba(253,200,0,.5))}.hero-subtitle{font-size:1.75rem;color:#cbd5e1;font-weight:300;line-height:1.6;margin:0;opacity:0;animation:fade-in 1s ease .6s forwards}@keyframes float-orb-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}@keyframes float-orb-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,40px) scale(.9)}66%{transform:translate(40px,-40px) scale(1.1)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fade-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.beta-nav{padding:18px 40px;width:600px;top:16px}.nav-logo{height:24px}.nav-brand{gap:16px}.logout-button{width:40px;height:40px;padding:10px}.logout-button svg{width:18px;height:18px}.title-line{font-size:1.5rem}.title-highlight{font-size:3.5rem}.hero-subtitle{font-size:1.375rem}.glow-orb-1{width:350px;height:350px}.glow-orb-2{width:300px;height:300px}.beta-content{padding:100px 20px 40px}}@media(max-width:480px){.beta-nav{padding:12px 20px;min-width:auto;width:calc(100% - 32px);max-width:calc(100% - 32px);top:12px}.nav-brand{gap:10px}.nav-logo{height:20px}.beta-badge{font-size:.65rem;padding:5px 12px}.logout-button{width:36px;height:36px;padding:8px}.logout-button svg{width:16px;height:16px}.hero-content{padding:20px 10px}.title-line{font-size:1.125rem}.title-highlight{font-size:2.5rem;letter-spacing:-1px}.hero-subtitle{font-size:1.125rem}.glow-orb-1,.glow-orb-2{width:250px;height:250px}.beta-content{padding:90px 20px 40px}}.signup-card{background:#fcd5350a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:.5px solid rgba(252,213,53,.4);border-radius:24px;padding:60px 40px;max-width:550px;width:100%;box-shadow:0 4px 134px #fcd53500;animation:fade-in .5s ease forwards;text-align:center}.step-indicator{color:#fdc800;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;opacity:.8}.signup-title{font-size:2rem;font-weight:700;color:#cbd5e1;margin:0 0 12px;letter-spacing:.5px}.signup-subtitle{font-size:1rem;color:#94a3b8;line-height:1.6;margin:0 0 32px}.signup-input{width:100%;background:#00020f99;border:1px solid rgba(253,200,0,.3);border-radius:12px;padding:16px 20px;font-size:1rem;color:#cbd5e1;margin-bottom:24px;transition:all .3s ease;font-family:inherit}.signup-input:focus{outline:none;border-color:#fdc80099;box-shadow:0 0 20px #fdc80033;background:#00020fcc}.signup-input::placeholder{color:#64748b}.signup-button{width:100%;background:#fcd535;color:#00020f;border:none;border-radius:12px;padding:16px 32px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.signup-button:hover:not(:disabled){background:#e5b500;box-shadow:0 4px 20px #fcd53566;transform:translateY(-2px)}.signup-button:disabled{opacity:.5;cursor:not-allowed}.terms-box{background:#00020f99;border:1px solid rgba(253,200,0,.2);border-radius:12px;padding:24px;margin-bottom:24px;max-height:300px;overflow-y:auto}.terms-box p{color:#cbd5e1;margin:0 0 16px;font-weight:600}.terms-box ul{margin:0;padding-left:20px;color:#94a3b8}.terms-box li{margin-bottom:12px;line-height:1.6}.checkbox-label{display:flex;align-items:center;gap:12px;margin-bottom:24px;cursor:pointer;color:#cbd5e1}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#FDC800}.checkbox-label span{font-size:.95rem;-webkit-user-select:none;user-select:none}.pfp-upload-container{margin-bottom:32px}.pfp-upload-label{display:block;cursor:pointer}.pfp-input{display:none}.pfp-placeholder{width:200px;height:200px;margin:0 auto;border:2px dashed rgba(253,200,0,.4);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#94a3b8;transition:all .3s ease;background:#00020f66}.pfp-placeholder:hover{border-color:#fdc80099;background:#00020f99;color:#cbd5e1}.pfp-placeholder svg{color:#fdc800;opacity:.6}.pfp-placeholder span{font-size:.9rem;font-weight:500}.pfp-preview{width:200px;height:200px;margin:0 auto;border-radius:50%;object-fit:cover;border:2px solid rgba(253,200,0,.4);display:block}.loading-spinner-large{width:80px;height:80px;border:6px solid rgba(253,200,0,.2);border-top-color:#fdc800;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 32px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.signup-card{padding:40px 24px;max-width:calc(100% - 40px)}.signup-title{font-size:1.5rem}.signup-subtitle{font-size:.9rem}.pfp-placeholder,.pfp-preview{width:150px;height:150px}.loading-spinner-large{width:60px;height:60px}}