*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);background-color:var(--background,#f8fafc);color:var(--foreground,#1e293b);line-height:1.6;min-height:100vh}.login-header{display:flex;justify-content:center;align-items:center;padding:1rem 0}.login-brand{justify-content:center;align-items:center!important;text-align:center!important;color:var(--purple-primary,#8b5cf6);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;font-family:var(--font-primary)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem}.login-card{background:linear-gradient(135deg,#f5f3ff,#d0d0d8 50%,#8870c2);border-radius:1.25rem;box-shadow:0 12px 24px rgba(139,92,246,.2);width:100%;max-width:480px;padding:clamp(2rem,5vw,3rem);transition:transform .3s ease-in-out;margin:auto}.login-card:hover{transform:translateY(-2px)}.login-form-wrapper{text-align:center}.login-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--purple-dark,#4c1d95);margin-bottom:.75rem}.login-subtitle{font-size:clamp(.875rem,2.5vw,1rem);color:var(--purple-tertiary,#6b7280);margin-bottom:clamp(2rem,4vw,2.5rem)}.login-form{width:100%}.login-form-group{margin-bottom:clamp(1.25rem,3vw,1.75rem);text-align:left}.login-form-label{display:block;font-size:clamp(.8rem,2vw,.9rem);font-weight:600;color:var(--purple-dark,#4c1d95);margin-bottom:.6rem}.login-input-group{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:1rem;color:var(--purple-secondary,#9ca3af);height:clamp(1rem,2.5vw,1.25rem);width:clamp(1rem,2.5vw,1.25rem);z-index:10}.login-input{width:100%;padding:clamp(.7rem,2vw,.85rem) 1rem clamp(.7rem,2vw,.85rem) clamp(2.5rem,6vw,3rem);border:1px solid rgba(139,92,246,.3);border-radius:.75rem;font-size:clamp(.875rem,2.5vw,1rem);color:var(--purple-dark,#4c1d95);background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{border-color:var(--purple-accent,#a855f7);outline:none;box-shadow:0 0 0 .2rem rgba(139,92,246,.2)}.login-password-toggle{position:absolute;right:1rem;background:transparent;border:none;cursor:pointer;color:var(--purple-secondary,#9ca3af);padding:0;height:clamp(1rem,2.5vw,1.25rem);width:clamp(1rem,2.5vw,1.25rem);z-index:10;transition:color .2s ease}.login-password-toggle:hover{color:var(--purple-dark,#4c1d95)}.login-form-check{display:flex;align-items:center;margin-bottom:clamp(1.5rem,3vw,2rem);text-align:left}.login-checkbox{min-width:clamp(1rem,2.5vw,1.1rem);min-height:clamp(1rem,2.5vw,1.1rem);margin-right:.75rem;border:1px solid rgba(21,191,38,.2);color:#f5f3ff;border-radius:.3rem;cursor:pointer;position:relative;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}.login-checkbox:checked{background-color:var(--purple-primary,#8b5cf6);border-color:var(--purple-primary,#8b5cf6)}.login-checkbox-label{font-size:clamp(.8rem,2vw,.9rem);color:var(--purple-dark,#4c1d95);cursor:pointer;line-height:1.4}.login-actions-row{justify-content:space-between;margin-bottom:clamp(1.5rem,3vw,2rem);flex-wrap:wrap;gap:1rem}.login-actions-row,.login-remember-section{display:flex;align-items:center}.login-submit-btn{width:100%;padding:clamp(.7rem,2vw,.85rem);border:none;border-radius:.75rem;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;margin-top:10px}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px rgba(139,92,246,.3)}.login-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 6px rgba(139,92,246,.2)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:clamp(2rem,4vw,2.5rem);font-size:clamp(.8rem,2vw,.9rem);color:var(--purple-tertiary,#6b7280);text-align:center}.login-link{font-weight:600}.login-forgot-link,.login-link{color:var(--purple-primary,#8b5cf6);text-decoration:none;transition:color .2s ease,text-decoration .2s ease}.login-forgot-link{font-weight:400;font-size:clamp(.8rem,2vw,.9rem)}.login-forgot-link:hover,.login-link:hover{color:var(--purple-accent,#a855f7);text-decoration:underline}.login-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:clamp(.6rem,2vw,.75rem);border-radius:.5rem;margin-bottom:1rem;font-size:clamp(.8rem,2vw,.9rem)}@media (max-width:320px){.login-container{padding:1.5rem .75rem}.login-card{padding:1.5rem;border-radius:1rem;box-shadow:0 8px 16px rgba(139,92,246,.15)}.login-actions-row{flex-direction:column;align-items:flex-start;gap:.75rem}.login-forgot-link{align-self:flex-end;width:100%;text-align:right}}@media (min-width:321px) and (max-width:576px){.login-container{padding:1.75rem 1rem}.login-card{padding:2rem;border-radius:1rem}.login-actions-row{flex-direction:column;align-items:flex-start;gap:.5rem}.login-forgot-link{align-self:flex-end}}@media (min-width:577px) and (max-width:768px){.login-container{padding:2rem 1.25rem}.login-card{max-width:420px;padding:2.5rem}}@media (min-width:769px) and (max-width:1024px){.login-container{padding:2.5rem 1.5rem}.login-card{max-width:450px;padding:2.75rem}}@media (min-width:1025px){.login-container{padding:3rem 2rem}.login-card{max-width:480px;padding:3rem}}@media (max-height:600px){.login-container{align-items:flex-start;padding:2rem 1rem 1rem}.login-card{margin-top:0}.login-form-group{margin-bottom:1rem}.login-subtitle{margin-bottom:1.5rem}}@media (max-height:500px){.login-container{padding:1.5rem .75rem .75rem}.login-card{padding:1.5rem}.login-form-group{margin-bottom:.75rem}.login-subtitle{margin-bottom:1rem}.login-footer{margin-top:1.5rem}}@media (min-width:1440px){.login-card{max-width:500px;padding:3.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-card{box-shadow:0 12px 24px rgba(139,92,246,.15)}.login-submit-btn:hover:not(:disabled){box-shadow:0 8px 16px rgba(139,92,246,.25)}}