.login-container{background-image:var(--login-bg-overlay), url(/login-bg.png);height:100dvh;padding:var(--space-4);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}@media (max-width:480px){.login-container{padding-top:var(--space-6);padding-bottom:var(--space-8);justify-content:flex-start}}.login-card-wrapper{width:100%;max-width:440px;animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.login-hero-card{-webkit-backdrop-filter:blur(16px);background:var(--login-card-bg)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--login-card-shadow)!important;border:1px solid var(--login-card-border)!important;padding:clamp(24px,6vw,48px)!important}.login-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:clamp(24px,6vw,40px);display:flex}.login-header-brand{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-direction:column;display:flex}.login-logo{object-fit:contain;background-color:var(--surface);border-radius:var(--radius-xl);width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);padding:var(--space-2);box-shadow:var(--shadow-md);flex-shrink:0}.login-logo-placeholder{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--primary-light), var(--primary));width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);color:var(--text-inverse);border:1px solid var(--border);font-size:clamp(16px,4vw,22px);font-weight:var(--font-bold);letter-spacing:1px;box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-title{font-size:clamp(26px,6vw,32px);font-weight:var(--font-bold);color:var(--text-main);letter-spacing:-.03em;line-height:var(--leading-tight);overflow-wrap:break-word;word-wrap:break-word;text-wrap:balance;transition:all .2s}.login-title.with-logo{margin-top:calc(var(--space-2) * -1);font-size:clamp(20px,5vw,24px)}.login-subtitle{color:var(--text-muted);margin-top:var(--space-2);font-size:clamp(14px,3vw,16px);font-weight:var(--font-regular);overflow-wrap:break-word;text-wrap:balance}.login-form{flex-direction:column;gap:clamp(16px,4vw,24px);display:flex}.login-form-actions{margin-top:var(--space-2)}.login-form input{height:52px;font-size:var(--text-md);border-radius:var(--radius-lg);transition:all .2s;background-color:var(--login-input-bg)!important;border-color:var(--login-input-border)!important;color:var(--login-input-text)!important}.login-form input:focus{background-color:var(--login-input-focus-bg)!important;box-shadow:0 0 0 3px var(--active-bg)!important;border-color:var(--active)!important}.login-form input::placeholder{color:var(--login-input-placeholder)!important}.login-form .lucide{color:var(--text-muted)!important}.login-form label{color:var(--text-main)!important}.login-form-actions button{border-radius:var(--radius-lg);height:52px;font-size:var(--text-md);font-weight:var(--font-semibold);letter-spacing:.01em;transition:all .2s;background-color:var(--active)!important;color:var(--text-inverse)!important;border:none!important}.login-form-actions button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);background-color:var(--active-hover)!important}.login-form-actions button:active{transform:translateY(0)}.login-remember-row{margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.login-remember-me{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.login-remember-me input[type=checkbox]{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--login-input-bg);cursor:pointer;place-content:center;width:18px;height:18px;transition:all .2s;display:grid}.login-remember-me input[type=checkbox]:before{content:"";width:10px;height:10px;box-shadow:inset 1em 1em var(--text-inverse);background-color:var(--text-inverse);transform-origin:50%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.login-remember-me input[type=checkbox]:checked{background-color:var(--active);border-color:var(--active)}.login-remember-me input[type=checkbox]:checked:before{transform:scale(1)}.login-forgot-pin{height:auto!important;font-size:var(--text-sm)!important;color:var(--text-muted)!important;font-weight:var(--font-medium)!important;background:0 0!important;padding:0!important}.login-forgot-pin:hover{text-decoration:underline;color:var(--text-main)!important;box-shadow:none!important;background:0 0!important;transform:none!important}.login-controls-bar{bottom:var(--space-6);right:var(--space-6);align-items:center;gap:var(--space-3);z-index:10;display:flex;position:absolute}@media (max-width:480px){.login-controls-bar{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2)}}.login-pill-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--login-pill-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--login-pill-border);border-radius:var(--radius-lg);color:var(--text-main);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s;display:flex}.login-pill-button:hover{background:var(--login-pill-hover);transform:translateY(-1px)}.login-footer{margin-top:var(--space-12);color:var(--text-muted);text-align:center;font-size:clamp(12px,3vw,14px);font-weight:var(--font-medium);letter-spacing:.02em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}