.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:max(var(--spacing-6),env(safe-area-inset-top));padding-bottom:max(var(--spacing-6),env(safe-area-inset-bottom))}.login-back-button{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff9;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;z-index:10}.login-back-button:hover{color:#ffffffe6;background:#ffffff0d}.login-back-button svg{flex-shrink:0}.login-container{width:100%;max-width:420px;padding:var(--spacing-6)}.login-logo-container{display:flex;justify-content:center;margin-bottom:var(--spacing-8)}.login-logo{font-family:Playfair Display,serif;font-size:2rem;font-weight:400;letter-spacing:.02em;background:linear-gradient(180deg,#fff,#a3a3a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;cursor:pointer;transition:opacity .2s}.login-logo:hover{opacity:.8}.login-title{font-family:Playfair Display,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.1;margin-bottom:var(--spacing-2);text-align:center;background:var(--hero-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-info-banner{display:flex;align-items:center;gap:var(--spacing-3);background:linear-gradient(135deg,#c4a05226,#c4a05214);border:1px solid rgba(196,160,82,.3);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);color:#c4a052;font-size:var(--text-sm);line-height:1.5}.login-info-banner svg{flex-shrink:0}.login-subtitle{color:#a3a3a3;text-align:center;margin-bottom:var(--spacing-8);font-size:var(--text-sm)}.login-subtitle .switch-button{color:#fafafa;font-weight:600}.login-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group-header{display:flex;justify-content:space-between;align-items:center}.form-group label{font-size:var(--text-sm);font-weight:400;color:#a3a3a3}.forgot-password{font-size:var(--text-sm);color:var(--benngard-green);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-sans)}.forgot-password:hover{text-decoration:underline}.input-wrapper{position:relative;display:flex;align-items:center}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#ffffff08;color:#fafafa;font-size:var(--text-base);font-family:var(--font-sans);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--benngard-green);box-shadow:0 0 0 2px var(--benngard-green-glow)}.form-group input::placeholder{color:#525252}.password-toggle{position:absolute;right:var(--spacing-3);background:none;border:none;color:#a3a3a3;cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#fafafa}.login-error{background:#c9536c1a;border:1px solid rgba(201,83,108,.3);color:var(--semantic-error);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.login-button{width:100%;padding:.75rem 1.5rem;background:#000;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:9999px;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-2);font-family:var(--font-sans)}.login-button:hover:not(:disabled){background:#000;border-color:var(--benngard-green);box-shadow:0 0 20px #27835059}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;margin-top:var(--spacing-8)}.login-footer p{color:#a3a3a3;font-size:var(--text-sm)}.login-footer a{color:#a3a3a3;text-decoration:underline}.login-footer a:hover{color:#fafafa}.switch-button{background:none;border:none;color:var(--benngard-green);font-weight:500;cursor:pointer;padding:0;font-size:var(--text-sm);font-family:var(--font-sans)}.switch-button:hover{text-decoration:underline}@media(max-width:768px){.login-container{padding:var(--spacing-6) var(--spacing-4)}.login-logo{font-size:1.75rem}.login-title{font-size:var(--text-2xl)}}@media(max-width:480px){.login-container{padding:var(--spacing-4);max-width:100%}.login-logo-container{margin-bottom:var(--spacing-6)}.login-logo{font-size:1.5rem}.login-title{font-size:var(--text-xl);margin-bottom:var(--spacing-1)}.login-subtitle{margin-bottom:var(--spacing-6)}.login-info-banner{padding:var(--spacing-3);gap:var(--spacing-2);font-size:var(--text-xs)}.login-info-banner svg{width:18px;height:18px}.form-group input{padding:.875rem 1rem;font-size:16px;min-height:48px}.login-button{padding:.875rem 1.5rem;min-height:48px;font-size:var(--text-base)}.password-toggle{padding:var(--spacing-2);min-width:44px;min-height:44px}.forgot-password{padding:var(--spacing-2);min-height:48px}.switch-button{padding:var(--spacing-1)}.login-footer{margin-top:var(--spacing-6)}.login-footer p{font-size:var(--text-xs);line-height:1.6}.form-group-header{flex-wrap:wrap;gap:var(--spacing-2)}}