:root{--login-bg: #0a0e27;--login-card-bg: rgba(255, 255, 255, .04);--login-card-border: rgba(255, 255, 255, .08);--login-text-primary: #ffffff;--login-text-secondary: rgba(255, 255, 255, .7);--login-input-bg: rgba(255, 255, 255, .05);--login-input-border: rgba(255, 255, 255, .15);--login-input-border-focus: rgba(120, 200, 255, .6);--login-button-bg: linear-gradient(135deg, #00e5ff, #4f7dff);--login-button-bg-disabled: rgba(255, 255, 255, .1);--login-button-text: #0a0e27;--login-error: #ff4d6d;--login-radius: 8px;--login-spacing: 16px;--login-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--login-font-stack);background:var(--login-bg);color:var(--login-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input{font-family:inherit}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.login-card{width:100%;max-width:420px;padding:32px;background:var(--login-card-bg);border:1px solid var(--login-card-border);border-radius:var(--login-radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:1}.login-brand{text-align:center;margin-bottom:28px}.login-brand__logo{max-width:160px;height:auto}.login-brand__name{font-size:28px;font-weight:700;letter-spacing:2px;margin:0}.login-heading{text-align:center;font-size:18px;font-weight:600;letter-spacing:1px;color:var(--login-text-primary);margin:0 0 var(--login-spacing) 0}.login-lang{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:var(--login-spacing);color:var(--login-text-secondary)}.login-lang__icon{display:inline-flex;opacity:.85;pointer-events:none}.login-lang__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;border:none;color:inherit;font-family:inherit;font-size:13px;line-height:1.2;padding:2px 16px 2px 2px;cursor:pointer;outline:none;transition:color .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.7' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center}.login-lang:hover,.login-lang:focus-within{color:var(--login-text-primary)}.login-lang__select option{color:#000}.login-form{display:flex;flex-direction:column;gap:var(--login-spacing)}.login-field{display:flex;flex-direction:column;gap:6px}.login-field__label{font-size:13px;color:var(--login-text-secondary)}.login-input{width:100%;padding:12px 14px;background:var(--login-input-bg);border:1px solid var(--login-input-border);border-radius:var(--login-radius);color:var(--login-text-primary);font-size:15px;outline:none;transition:border-color .15s ease}.login-input::placeholder{color:var(--login-text-secondary)}.login-input:focus{border-color:var(--login-input-border-focus)}.login-captcha-row{display:flex;gap:8px;align-items:stretch}.login-captcha-row .login-input{flex:1 1 auto;min-width:0}.login-captcha-image{width:96px;height:42px;border-radius:var(--login-radius);cursor:pointer;background:var(--login-input-bg);border:1px solid var(--login-input-border);object-fit:contain;flex:0 0 96px}.login-captcha-image:hover{border-color:var(--login-input-border-focus)}.login-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--login-text-secondary)}.login-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.login-checkbox input{width:16px;height:16px;accent-color:var(--login-input-border-focus)}.login-button{width:100%;padding:14px;border:none;border-radius:var(--login-radius);background:var(--login-button-bg);color:var(--login-button-text);font-size:16px;font-weight:600;letter-spacing:1px;transition:filter .15s ease,transform .05s ease}.login-button:hover:not(:disabled){filter:brightness(1.08)}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{background:var(--login-button-bg-disabled);color:var(--login-text-secondary)}.login-error{min-height:18px;font-size:13px;color:var(--login-error);text-align:center}.login-error:empty{display:none}.login-error.login-success{color:var(--login-input-border-focus)}@media (max-width: 480px){.login-card{padding:24px}.login-brand__name{font-size:22px}}:root{--f1-bg: #0a0a0e;--f1-mid: #161a33;--f1-red: #ff1744;--f1-red-deep: #b71c1c;--f1-card-bg: rgba(20, 22, 40, .6);--f1-card-border: rgba(255, 50, 80, .32);--login-card-bg: var(--f1-card-bg);--login-card-border: var(--f1-card-border);--login-input-bg: rgba(0, 0, 0, .45);--login-input-border: rgba(255, 60, 80, .2);--login-input-border-focus: var(--f1-red);--login-button-bg: linear-gradient(135deg, var(--f1-red), var(--f1-red-deep));--login-button-text: #ffffff;--login-radius: 12px}body{background:var(--f1-bg);overflow-x:hidden}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url(./background-login-desktop-CScn0WiP.webp);background-size:cover;background-position:center}.login-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0e4d,#0a0a0ebf);z-index:1;pointer-events:none}.login-page{position:relative;z-index:2}.login-stack{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:400px}.login-logo-group{position:relative;display:flex;justify-content:center;width:100%}.login-mascot{width:128%;max-width:520px;height:auto;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.login-logo{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:380px;height:auto;z-index:1;filter:drop-shadow(0 4px 16px rgba(255,23,68,.4))}.login-card{width:100%;border:1px solid var(--f1-card-border);background-image:linear-gradient(135deg,rgba(255,23,68,.04) 0%,transparent 60%);box-shadow:0 16px 40px #0009,inset 0 1px #ffffff0a}.login-button{font-style:italic;letter-spacing:2px;text-transform:uppercase}@media (max-width: 768px){.login-bg{background-image:url(./background-login-mobile-DU83E5ms.webp)}.login-mascot{width:116%;max-width:320px}.login-logo{width:100%;max-width:300px;bottom:-10px}.login-stack{max-width:320px}}
