body{font-size:var(--landing-text-body);color:var(--landing-text-primary);font-weight:var(--landing-weight-regular)}p,span,div,label,a,small{font-weight:var(--landing-weight-regular)}h1,h2,h3,h4,h5,h6{font-family:var(--landing-font-heading)}.form-label,.form-check-label{font-weight:var(--landing-weight-regular)}.auth-container{min-height:100vh;display:flex;align-items:center;background-color:var( --landing-bg-white)}.auth-page-wrapper{background-color:var(--landing-bg-light);border-radius:var(--landing-radius-xl);margin:.5rem;width:calc(100vw - 1rem);min-height:calc(100vh - 1rem);display:flex;align-items:center;box-shadow:var(--landing-shadow-xl)}.auth-card{background:var(--landing-bg-white);border-radius:var(--landing-radius);box-shadow:var(--landing-shadow-lg);overflow:hidden;border:1px solid #e9ecef;margin:0 auto;width:100%}.auth-card-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid #e9ecef}.auth-title{font-size:1.75rem;font-weight:var(--landing-weight-bold);color:var(--landing-text-primary);margin-bottom:.5rem}.auth-subtitle{color:var(--landing-text-secondary);font-size:var(--landing-text-body);margin-bottom:0}.auth-card-body{padding:2rem}.auth-logo{position:absolute;top:1.5rem;left:1.5rem;z-index:10}.auth-logo__image{height:62px}.auth-hero-text{position:relative;height:4rem;overflow:hidden}#hero-text{position:absolute;width:100%;transition:all .5s ease-in-out;transform:translateY(0);opacity:1}#hero-text.slide-out{transform:translateY(-100%);opacity:0}#hero-text.slide-in{transform:translateY(100%);opacity:0}#hero-text.slide-in.active{transform:translateY(0);opacity:1}.auth-input{height:var(--auth-input-height);border-color:#dee2e6;padding:1.75rem 1rem;border-radius:var(--landing-radius-lg);transition:var(--landing-transition-fast);border:1px solid #dee2e6;font-family:var(--landing-font-body)}.auth-input:focus{border-color:var(--landing-primary);box-shadow:0 0 0 .2rem #0b1a291a;outline:none}.auth-btn{height:var(--auth-input-height);font-weight:var(--landing-weight-medium);font-size:var(--landing-text-small);border-radius:var(--landing-radius-xl);transition:var(--landing-transition);display:flex;align-items:center;justify-content:center;font-family:var(--landing-font-body);border:2px solid transparent;cursor:pointer;padding:1.75rem 1rem}.auth-btn--primary{background-color:var(--landing-primary);color:var(--landing-text-white);border-color:var(--landing-primary);box-shadow:0 4px 12px #0b1a294d}.auth-btn--primary:hover{background-color:var(--landing-primary-light);border-color:var(--landing-primary-light);color:var(--landing-text-white);transform:translateY(-2px);box-shadow:0 6px 16px #0b1a2959}.auth-btn--primary:active{transform:translateY(0);background-color:var(--landing-primary-dark);border-color:var(--landing-primary-dark)}.auth-btn--outline{background-color:transparent;color:var(--landing-primary);border-color:var(--landing-primary)}.auth-btn--outline:hover{background-color:var(--landing-primary);border-color:var(--landing-primary);color:var(--landing-text-white);transform:translateY(-2px);box-shadow:0 4px 12px #0b1a2933}.auth-btn--outline:active{transform:translateY(0);background-color:var(--landing-primary-dark);border-color:var(--landing-primary-dark);color:var(--landing-text-white)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-social-btn{height:var(--auth-input-height);font-weight:var(--landing-weight-light);border-radius:var(--landing-radius-xl)!important;transition:var(--landing-transition);display:flex;align-items:center;justify-content:center;font-family:var(--landing-font-body);border:1px solid var(--landing-primary);color:var(--landing-text-primary);text-decoration:none;padding:1.75rem 1rem}.auth-social-btn:hover{background-color:var(--landing-bg-light);border-color:var(--landing-primary-light);color:var(--landing-text-primary);transform:translateY(-2px);box-shadow:var(--landing-shadow-sm)}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:2rem;right:2rem;height:1px;background-color:#dee2e6}.auth-divider__text{position:relative;display:inline-block;padding:0 1rem;margin:0 1rem;color:var(--landing-text-secondary);font-size:var(--landing-text-small);background-color:var(--landing-bg-light)}.auth-account-type-btn{height:auto;padding:1.5rem;border:2px solid #dee2e6;border-radius:var(--landing-radius-xl);transition:var(--landing-transition);background-color:transparent;color:var(--landing-text-dark)}.auth-account-type-btn:hover{border-color:var(--landing-primary);background-color:transparent;color:var(--landing-primary);transform:translateY(-2px);box-shadow:var(--landing-shadow-md)}.auth-account-type-btn .avatar-sm{width:50px;height:50px}.account-type-image img{border-radius:var(--landing-radius-xl);object-position:top;height:1%}.auth-account-type-btn .form-check-input{background-color:transparent;border:2px solid #dee2e6;border-radius:4px;width:1.2rem;height:1.2rem;transition:var(--landing-transition)}.auth-account-type-btn .form-check-input:checked{background-color:var(--landing-accent);border-color:var(--landing-accent);background-image:none;position:relative}.auth-account-type-btn .form-check-input:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:8px;border:solid var(--landing-primary);border-width:0 2px 2px 0}.auth-account-type-btn .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(var(--landing-accent-rgb),.25);border-color:var(--landing-accent)}.auth-account-type-btn.selected .form-check-input:checked{background-color:var(--landing-accent);border-color:var(--landing-accent);background-image:none;position:relative}.auth-account-type-btn.selected .form-check-input:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:8px;border:solid var(--landing-primary);border-width:0 2px 2px 0}.auth-account-type-btn.selected{border-color:var(--landing-primary);background-color:var(--landing-primary);color:#fff}.auth-account-type-btn.selected:hover{background-color:var(--landing-primary);color:#fff}.auth-container a{color:var(--landing-primary);transition:var(--landing-transition-fast)}.auth-container a:hover{color:var(--landing-primary-light)}.auth-container .alert{border-radius:var(--landing-radius-sm);font-size:var(--landing-text-small)}.auth-account-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--landing-radius-full);font-size:var(--landing-text-small);font-weight:var(--landing-weight-medium)}.otp-input-container{margin:1.5rem 0}.otp-inputs{gap:.75rem}.otp-digit{width:50px;height:50px;text-align:center;font-size:1.5rem;font-weight:var(--landing-weight-bold);border:2px solid #dee2e6;border-radius:var(--landing-radius-lg);transition:var(--landing-transition-fast);background-color:var(--landing-bg-white);color:var(--landing-text-primary);font-family:var(--landing-font-body)}.otp-digit:focus{border-color:var(--landing-primary);box-shadow:0 0 0 .2rem #0b1a291a;outline:none;transform:scale(1.05)}.otp-digit:not(:placeholder-shown){border-color:var(--landing-primary);background-color:#0b1a290d}.auth-otp-input{width:50px;height:50px;text-align:center;font-size:1.5rem;font-weight:var(--landing-weight-bold);border:2px solid #dee2e6;border-radius:var(--landing-radius-sm);transition:var(--landing-transition-fast)}.auth-otp-input:focus{border-color:var(--landing-primary);box-shadow:0 0 0 .2rem #0b1a291a;outline:none}.auth-input-addon{background:none;border:none;padding:0;color:var(--landing-text-muted)}.alert{animation:vibrate .5s ease-in-out;margin-bottom:1.5rem}.alert-label-icon .label-icon{margin-right:.5rem}@keyframes vibrate{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@media(max-width:767.98px){.auth-card{border-radius:var(--landing-radius)}.auth-account-type-btn{padding:1rem}.auth-account-type-btn .avatar-sm{width:40px;height:40px}.otp-digit{width:45px;height:45px;font-size:1.25rem}.otp-inputs{gap:.5rem}.auth-otp-input{width:45px;height:45px;font-size:1.25rem}.row.justify-content-center{display:flex;flex-direction:column}.auth-logo{position:static;display:flex;justify-content:center;margin-bottom:1rem;order:-1}.auth-logo__image{height:90px}}