:root{--l-bg: #0b0b0c;--l-card: rgba(20, 20, 22, .82);--l-border: #f5f5f5;--l-input: rgba(27, 27, 30, .85);--l-input-border: #444;--l-text: #f5f5f5;--l-muted: #9ca3af;--l-red: #f6383f;--l-red-hover: #d42d33;--l-error-bg: #3a1010;--l-error-text: #f87171}*{box-sizing:border-box}html,body,#root{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--l-bg);color:var(--l-text);min-height:100vh;width:100%}.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--l-bg)}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.login-bg-section{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:auto}.login-bg-section--top{background:var(--l-red);clip-path:polygon(0 0,100% 0,0 100%)}.login-bg-section--bottom{background:var(--l-bg);clip-path:polygon(100% 0,100% 100%,0 100%)}.login-bg-typography{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.2rem,.6vh,.6rem);padding:2vh 0;transform:scale(1.08);transform-origin:center center;pointer-events:auto}.login-bg-section--top .login-bg-typography{color:#000}.login-bg-section--bottom .login-bg-typography{color:var(--l-red)}.login-bg-line{display:inline-block;font-size:clamp(2.5rem,8.5vw,10.5rem);font-weight:900;text-transform:uppercase;line-height:1;letter-spacing:-.03em;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .7s cubic-bezier(.16,1,.3,1)}.login-bg-line:hover{transform:scale(1.015)}.split-text{display:inline-flex}.split-char{position:relative;display:inline-block;overflow:hidden;padding:.02em .01em}.split-char__base,.split-char__mask{display:inline-block;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .65s ease;will-change:transform,opacity}.split-char__base{opacity:.22}.split-char__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(100%)}.login-bg-line:hover .split-char__base{opacity:1;transform:translateY(-100%)}.login-bg-line:hover .split-char__mask{opacity:1;transform:translateY(0)}.login-bg-line .split-char:nth-child(1) .split-char__base,.login-bg-line .split-char:nth-child(1) .split-char__mask{transition-delay:0ms}.login-bg-line .split-char:nth-child(2) .split-char__base,.login-bg-line .split-char:nth-child(2) .split-char__mask{transition-delay:35ms}.login-bg-line .split-char:nth-child(3) .split-char__base,.login-bg-line .split-char:nth-child(3) .split-char__mask{transition-delay:70ms}.login-bg-line .split-char:nth-child(4) .split-char__base,.login-bg-line .split-char:nth-child(4) .split-char__mask{transition-delay:105ms}.login-bg-line .split-char:nth-child(5) .split-char__base,.login-bg-line .split-char:nth-child(5) .split-char__mask{transition-delay:.14s}.login-bg-line .split-char:nth-child(6) .split-char__base,.login-bg-line .split-char:nth-child(6) .split-char__mask{transition-delay:175ms}.login-bg-line .split-char:nth-child(7) .split-char__base,.login-bg-line .split-char:nth-child(7) .split-char__mask{transition-delay:.21s}.login-bg-line .split-char:nth-child(8) .split-char__base,.login-bg-line .split-char:nth-child(8) .split-char__mask{transition-delay:245ms}.login-bg-line .split-char:nth-child(9) .split-char__base,.login-bg-line .split-char:nth-child(9) .split-char__mask{transition-delay:.28s}.login-bg-line .split-char:nth-child(10) .split-char__base,.login-bg-line .split-char:nth-child(10) .split-char__mask{transition-delay:315ms}.login-bg-line .split-char:nth-child(11) .split-char__base,.login-bg-line .split-char:nth-child(11) .split-char__mask{transition-delay:.35s}.login-bg-line .split-char:nth-child(12) .split-char__base,.login-bg-line .split-char:nth-child(12) .split-char__mask{transition-delay:385ms}.login-bg-line .split-char:nth-child(13) .split-char__base,.login-bg-line .split-char:nth-child(13) .split-char__mask{transition-delay:.42s}.login-bg-line .split-char:nth-child(14) .split-char__base,.login-bg-line .split-char:nth-child(14) .split-char__mask{transition-delay:455ms}.login-bg-line .split-char:nth-child(15) .split-char__base,.login-bg-line .split-char:nth-child(15) .split-char__mask{transition-delay:.49s}.login-wrapper{position:relative;z-index:1;width:100%;padding:1rem;display:flex;justify-content:center;pointer-events:none;min-height:100vh;align-items:center}.login-card{width:100%;max-width:360px;background:var(--l-card);border:1px solid var(--l-border);border-radius:16px;padding:2.25rem 1.75rem;box-shadow:0 24px 60px #00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto}.login-header{text-align:center;margin-bottom:1.75rem}.login-header img{height:64px;width:auto;margin-bottom:.75rem}.login-header h1{font-size:1.2rem;font-weight:500;color:var(--l-text);margin:0}.login-header p{font-size:.85rem;color:var(--l-muted);margin:.35rem 0 0}.login-alert{background:var(--l-error-bg);color:var(--l-error-text);padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.login-field{margin-bottom:1rem}.login-field label{display:block;font-size:.8rem;color:var(--l-muted);margin-bottom:.35rem}.login-field input{width:100%;padding:.7rem .9rem;background:var(--l-input);border:1px solid var(--l-input-border);border-radius:8px;color:var(--l-text);font-size:.95rem;transition:border-color .2s}.login-field input:focus{outline:none;border-color:var(--l-red)}.login-input-wrap{position:relative}.login-input-wrap input{padding-right:2.5rem}.login-password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:transparent;color:var(--l-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.login-password-toggle:hover{color:var(--l-text);background:#ffffff0f}.login-submit{width:100%;padding:.8rem;margin-top:.5rem;background:var(--l-red);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-submit:hover{background:var(--l-red-hover)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.25rem;font-size:.75rem;color:#888}@media(max-width:640px){.login-bg-typography{gap:.1rem;padding:3vh 0}.login-bg-line{font-size:clamp(2.4rem,14vw,5.5rem);letter-spacing:-.03em}}@media(max-width:420px){.login-card{padding:1.75rem 1.25rem}}