.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:linear-gradient(135deg,#f0f0f0 0%,var(--color-neutral-50) 50%,var(--color-neutral-100) 100%);position:relative}.auth:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(75,85,99,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') center/cover;opacity:.3}.auth__container{position:relative;z-index:1;width:100%;max-width:28rem}@media (min-width: 768px){.auth__container{max-width:24rem}}.auth__card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 0 1px #0000000d;padding:var(--spacing-8);overflow:hidden}@media (max-width: 640px){.auth__card{padding:var(--spacing-6);margin:var(--spacing-4)}.auth{padding:var(--spacing-2)}}.auth__header{text-align:center;margin-bottom:var(--spacing-8)}.auth__logo{display:block;margin:0 auto var(--spacing-6);max-width:12rem;height:auto}.auth__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-2)}.auth__subtitle{font-size:var(--font-size-base);color:var(--color-neutral-600);margin-bottom:0}.auth__form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin-bottom:var(--spacing-1)}.form-group__input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);background-color:var(--color-white)}.form-group__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #12110c1a,var(--shadow-sm)}.form-group__input::placeholder{color:var(--color-neutral-400)}.form-group__input--error{border-color:var(--color-error)}.form-group__input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a,var(--shadow-sm)}.form-group__error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.form-group__help{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-top:var(--spacing-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);min-height:2.75rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background-color:var(--color-white);color:var(--color-neutral-700);border-color:var(--color-neutral-300)}.btn--secondary:hover:not(:disabled){background-color:var(--color-neutral-50);border-color:var(--color-neutral-400)}.btn--full{width:100%}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn--primary.btn--loading:after{border-top-color:var(--color-white)}@keyframes spin{to{transform:rotate(360deg)}}.auth__footer{margin-top:var(--spacing-6);text-align:center}.auth__link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.auth__link:hover{color:var(--color-primary-dark);text-decoration:underline}.auth__divider{display:flex;align-items:center;gap:var(--spacing-4);margin:var(--spacing-6) 0;color:var(--color-neutral-500);font-size:var(--font-size-sm)}.auth__divider:before,.auth__divider:after{content:"";flex:1;height:1px;background-color:var(--color-neutral-200)}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox-group__input{width:1rem;height:1rem;accent-color:var(--color-primary)}.checkbox-group__label{font-size:var(--font-size-sm);color:var(--color-neutral-700);cursor:pointer}.auth__forgot{text-align:right}.auth__forgot-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.auth__forgot-link:hover{text-decoration:underline}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3)}.alert--success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.alert--error{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.alert--warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.phone-input{position:relative}.phone-input .PhoneInputInput{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);background-color:var(--color-white)}.phone-input .PhoneInputInput:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #12110c1a,var(--shadow-sm)}.phone-input .PhoneInputInput::placeholder{color:var(--color-neutral-400)}.phone-input--error .PhoneInputInput{border-color:var(--color-error)}.phone-input--error .PhoneInputInput:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a,var(--shadow-sm)}.phone-input .PhoneInputCountrySelect{border:none;background:transparent;font-size:var(--font-size-base);padding:var(--spacing-1);margin-right:var(--spacing-2);cursor:pointer}.phone-input .PhoneInputCountrySelect:focus{outline:none}.phone-input .PhoneInputCountrySelectArrow{color:var(--color-neutral-500);opacity:.8;width:.75rem;height:.75rem}.phone-input .PhoneInputCountryIcon{border-radius:var(--radius-sm);overflow:hidden;width:1.25rem;height:1rem}.phone-input .PhoneInputCountryIcon img{width:100%;height:100%;object-fit:cover}.password-strength{margin-top:var(--spacing-2);font-size:var(--font-size-sm)}.password-strength__bar{width:100%;height:.25rem;background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-1)}.password-strength__fill{height:100%;transition:all var(--transition-fast);border-radius:var(--radius-full)}.password-strength__fill--weak{width:33%;background-color:var(--color-error)}.password-strength__fill--fair{width:66%;background-color:var(--color-warning)}.password-strength__fill--strong{width:100%;background-color:var(--color-success)}.password-strength__text{color:var(--color-neutral-600)}.password-strength__text--weak{color:var(--color-error)}.password-strength__text--fair{color:var(--color-warning-dark)}.password-strength__text--strong{color:var(--color-success-dark)}.form-group__input:valid{border-color:var(--color-success)}.form-group__input:invalid:not(:placeholder-shown){border-color:var(--color-error)}.password-match{margin-top:var(--spacing-1);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-1)}.password-match--valid{color:var(--color-success-dark)}.password-match--invalid{color:var(--color-error-dark)}.password-match__icon{width:1rem;height:1rem;flex-shrink:0}@media (max-width: 480px){.auth__title{font-size:var(--font-size-xl)}.auth__card{padding:var(--spacing-5)}.auth__logo{max-width:10rem}}.login__demo{margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200)}.login__demo-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin-bottom:var(--spacing-2)}.login__demo-list{list-style:none;padding:0;margin:0}.login__demo-item{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-1);font-family:var(--font-family-mono);background-color:var(--color-white);padding:var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200)}.login__demo-item:last-child{margin-bottom:0}