.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background-color:var(--color-background-secondary,#f9fafb)}.login-container{background-color:var(--color-surface,#fff);border-radius:var(--radius-xl,12px);box-shadow:var(--shadow-lg);width:100%;max-width:440px;padding:48px 40px}.login-header{text-align:center;margin-bottom:40px}.login-logo{display:flex;justify-content:center;margin-bottom:16px}.login-logo>img{width:132px;height:auto}.login-logo:hover{opacity:.85}.login-title{font-size:var(--font-size-2xl,24px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#111827);margin-bottom:8px}.login-subtitle{font-size:var(--font-size-sm,14px);color:var(--color-text-secondary,#4b5563)}.login-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:var(--font-weight-medium,500)}.form-input,.form-label{color:var(--color-text-primary,#111827);font-size:var(--font-size-sm,14px)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);background-color:var(--color-surface,#fff);transition:var(--transition-normal);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-border-focus,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-input::-moz-placeholder{color:var(--color-text-muted,#9ca3af)}.form-input::placeholder{color:var(--color-text-muted,#9ca3af)}.form-input-error,.form-input-error:focus{border-color:var(--color-error-500,#ef4444)}.form-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-error{margin-top:8px;font-size:var(--font-size-xs,12px);color:var(--color-error-500,#ef4444);display:none}.form-error.show{display:block}.login-form .checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:0;background:none;border:none;border-radius:0;min-height:unset;box-shadow:none}.login-form .checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-info-600,#2563eb);flex-shrink:0}.login-form .checkbox-group label{color:var(--color-text-secondary,#4b5563);margin:0}.btn,.login-form .checkbox-group label{font-size:var(--font-size-sm,14px);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-weight:var(--font-weight-medium,500);border:none;border-radius:var(--radius-lg,8px);transition:var(--transition-normal);text-decoration:none;gap:8px;box-sizing:border-box}.btn-primary{background-color:var(--color-info-600,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-info-600,#2563eb);opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background-color:transparent;border:1px solid var(--color-border,#e5e7eb);color:var(--color-text-primary,#111827)}.btn-outline:hover:not(:disabled){background-color:var(--color-background-secondary,#f9fafb)}.login-button{margin-top:8px;margin-bottom:8px;width:100%}.signup-link-wrapper{margin-top:8px;margin-bottom:24px}.signup-link{width:100%;text-align:center}.login-footer{margin-top:32px;text-align:center;font-size:13px;color:var(--color-text-secondary,#4b5563)}.find-link{color:var(--color-tokbell-green-500,#64a018);text-decoration:none;margin:0 8px}.find-link:hover{text-decoration:underline}.divider-text{margin:0 4px;color:var(--color-text-muted,#9ca3af)}.find-modal-content{padding:8px 0}.find-modal-message{font-size:var(--font-size-sm,14px);color:var(--color-text-primary,#111827);line-height:var(--line-height-relaxed,1.625);text-align:center}@media (max-width:768px){.login-page{padding:24px 16px}.login-container{padding:32px 24px}.login-logo>img{width:112px}.login-title{font-size:20px}}