:root{--color-primary: #fbbf24;--color-secondary: #eab308;--color-focus: #facc15}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay.show{display:flex}.modal-content{background:linear-gradient(135deg,#1f2937,#111827);border:3px solid rgba(251,191,36,.3);padding:32px 28px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #fbbf2466,0 4px 16px #eab3084d,inset 0 2px #ffffff1a;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);color:#fff;font-family:Fusion Pixel,sans-serif}@media (max-width: 480px){.modal-content{max-height:85vh;padding:20px 18px 24px;width:92%}.close-btn{width:32px;height:32px;font-size:20px;top:12px;margin-bottom:-30px}.tab-buttons{margin-bottom:20px;gap:6px}.tab-button{padding:10px 18px;font-size:15px}.form-group{margin-bottom:14px!important}.form-group label{margin-bottom:6px;font-size:13px}.form-group input{padding:10px 12px;font-size:14px}.remember-me-group{margin-bottom:8px!important}.remember-me-label{font-size:13px!important;margin-bottom:4px!important}.remember-me-label input[type=checkbox]{width:16px!important;height:16px!important}.remember-me-group small{font-size:11px!important;line-height:1.3!important}.submit-btn{padding:12px;font-size:15px;margin-top:12px}.social-login-divider{margin:16px 0 14px!important;font-size:12px!important}.social-login-buttons{gap:8px}.discord-login-btn,.google-login-btn{padding:10px 8px;font-size:13px}.send-code-btn{padding:10px 14px;font-size:12px}.verification-hint{font-size:11px!important;line-height:1.3!important;margin-top:4px!important}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{position:sticky;top:16px;float:right;margin-bottom:-36px;background:#111827e6;border:2px solid rgba(251,191,36,.3);color:#fbbf24cc;font-size:24px;cursor:pointer;width:36px;height:36px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1}.close-btn:hover{background:#ef44444d;border-color:#ef444499;color:#ef4444;transform:scale(1.1);box-shadow:0 0 12px #ef444466}.tab-buttons{display:flex;margin-bottom:28px;border-bottom:2px solid rgba(251,191,36,.2);gap:8px}.tab-button{background:#11182766;border:2px solid rgba(251,191,36,.2);color:#ffffff80;padding:12px 24px;cursor:pointer;font-size:16px;font-weight:600;flex-grow:1;position:relative;transition:all .3s ease;font-family:Fusion Pixel,sans-serif;letter-spacing:.5px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.tab-button:hover:not(.active){background:#fbbf241a;border-color:#fbbf2466;color:#fffc;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#fbbf24,#eab308);color:#111827;border-color:#fde047;font-weight:700;box-shadow:0 4px 12px #fbbf2466,inset 0 1px #ffffff4d}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeIn .3s ease}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;color:#fbbf24e6;font-size:14px;font-weight:600;font-family:Fusion Pixel,sans-serif}.form-group input{width:100%;padding:12px 14px;background:#111827cc;border:2px solid rgba(251,191,36,.2);color:#fff;font-size:15px;box-sizing:border-box;transition:all .3s ease;font-family:inherit;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.form-group input:focus{outline:none;border-color:#fbbf24;background:#111827f2;box-shadow:0 0 20px #fbbf244d}.form-group input::placeholder{color:#ffffff4d;font-size:13px}.remember-me-group{margin-bottom:10px!important}.remember-me-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;margin-bottom:6px!important;color:#fbbf24e6!important;font-size:14px!important;font-weight:600!important}.remember-me-label input[type=checkbox]{width:18px!important;height:18px;cursor:pointer;accent-color:#fbbf24}.remember-me-label span{user-select:none}.submit-btn{width:100%;padding:14px;border:3px solid rgba(17,24,39,.4);color:#111827;font-size:16px;font-weight:700;cursor:pointer;margin-top:14px;transition:all .3s ease;font-family:Fusion Pixel,sans-serif;position:relative;overflow:hidden;letter-spacing:.5px;background:linear-gradient(135deg,#fbbf24,#eab308);box-shadow:0 4px 12px #fbbf2466,inset 0 1px #ffffff4d;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{background:linear-gradient(135deg,#facc15,#fbbf24);box-shadow:0 6px 20px #fbbf2499,inset 0 1px #fff6;transform:translateY(-2px)}.social-login-divider{display:flex;align-items:center;text-align:center;margin:24px 0 20px;color:#fff6;font-size:14px}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.social-login-divider span{padding:0 16px}.social-login-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0}.discord-login-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:#5865f2;color:#fff;border:2px solid rgba(88,101,242,.3);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Fusion Pixel,sans-serif;text-decoration:none;letter-spacing:.3px;box-shadow:0 3px 10px #5865f24d,inset 0 1px #fff3;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.discord-login-btn i{font-size:18px}.discord-login-btn:hover{background:#4752c4;box-shadow:0 5px 16px #5865f280,inset 0 1px #ffffff4d;transform:translateY(-2px)}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:#fff;color:#3c4043;border:2px solid rgba(60,64,67,.2);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Fusion Pixel,sans-serif;text-decoration:none;letter-spacing:.3px;box-shadow:0 3px 10px #3c404333,inset 0 1px #ffffff80;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.google-login-btn svg{flex-shrink:0;width:16px;height:16px}.google-login-btn:hover{background:#f8f9fa;box-shadow:0 5px 16px #3c40434d,inset 0 1px #fff9;transform:translateY(-2px)}.verification-group{margin-bottom:18px}.verification-input-wrapper{display:flex;gap:10px;align-items:stretch}.verification-input-wrapper input{flex:1;min-width:0}.send-code-btn{background:linear-gradient(135deg,#fbbf24,#eab308);color:#111827;border:2px solid rgba(17,24,39,.3);padding:12px 18px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .3s ease;font-family:Fusion Pixel,sans-serif;box-shadow:0 4px 12px #fbbf2466,inset 0 1px #fff3;position:relative;overflow:hidden;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.send-code-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.send-code-btn:hover:not(:disabled):before{left:100%}.send-code-btn:hover:not(:disabled){background:linear-gradient(135deg,#facc15,#fbbf24);box-shadow:0 6px 20px #fbbf2499,inset 0 1px #ffffff4d;transform:translateY(-2px)}.send-code-btn:disabled{background:#6b728066;color:#9ca3af99;cursor:not-allowed;box-shadow:none;border-color:#6b72804d}.verification-hint{font-size:12px;margin-top:6px;line-height:1.5;color:#fbbf24cc;font-family:Fusion Pixel,sans-serif}@media (min-width: 960px){.modal-content{max-width:580px;padding:42px 48px}.tab-button{font-size:18px;padding:14px 32px}.form-group{margin-bottom:22px}.form-group label{font-size:15px;margin-bottom:10px}.form-group input{font-size:16px;padding:14px 16px}.submit-btn{font-size:17px;padding:16px;margin-top:18px}}:root{--color-blue: #4285f4;--color-green: #34a853;--color-yellow: #fbbc04;--color-red: #ea4335;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--ring: oklch(.708 0 0);--font-size: 16px;--font-weight-medium: 500;--font-weight-normal: 400;--radius: .625rem}*{margin:0;padding:0;box-sizing:border-box;outline:none}html{font-size:var(--font-size);overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;min-height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,PingFang TC,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f6f8f6 0% 100%);color:#1f2937;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding-bottom:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100vw;height:100%;position:relative}@media (max-width: 1023px){body{padding-bottom:80px;-webkit-overflow-scrolling:touch}}input,textarea,p,h1,h2,h3,h4,h5,h6,span{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input:not([type=checkbox]):not([type=radio]),textarea,select,button{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}input::placeholder,textarea::placeholder{font-size:16px!important}h1{font-size:2rem;font-weight:var(--font-weight-medium);line-height:1.5;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:1.5;margin-bottom:.5rem}h3{font-size:1.25rem;font-weight:var(--font-weight-medium);line-height:1.5;margin-bottom:.5rem}h4{font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.5;margin-bottom:.5rem}p{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.5;margin-bottom:1rem}button{font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.5;border:none;cursor:pointer;transition:all .3s ease}input{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.5;border:none;outline:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}@media (max-width: 375px){html{font-size:14px}}@media (min-width: 376px) and (max-width: 479px){html{font-size:15px}}@media (max-width: 1023px){*{-webkit-tap-highlight-color:rgba(66,133,244,.1)}button,a,input,select,textarea{touch-action:manipulation}}.clean-topbar{display:flex;justify-content:center;align-items:center;background:#18181b;padding:1.2rem 0 .7rem;border-bottom:1px solid rgba(234,179,8,.08)}.clean-topbar .mobile-logo{height:2.2rem;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(234,179,8,.18))}@media (max-width: 768px){html.keyboard-open nav,html.keyboard-open .fixed-bottom-bar,html.keyboard-open .floating-button{transform:translateY(200%);transition:transform .3s ease}input:focus,textarea:focus,select:focus{position:relative;z-index:1000}.full-height{height:100vh;height:calc(var(--vh, 1vh) * 100)}}code,pre,kbd,samp,.monospace,.code-font{font-family:JetBrains Mono,Consolas,Monaco,Courier New,monospace;font-weight:400;letter-spacing:-.01em}.numeric,.rating-value,.review-count,.price,.score{font-family:"Cubic 11",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em}h1,h2,h3{font-family:"Cubic 11",sans-serif;font-weight:700;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.08)}h4,h5,h6{font-family:"Cubic 11",sans-serif;font-weight:700;letter-spacing:.02em}p,span,div{font-family:"Cubic 11",sans-serif;font-weight:400}button,.button,.btn{font-family:"Cubic 11",sans-serif;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 1px rgba(0,0,0,.1)}
