.auth-page{min-height:100dvh;justify-content:space-between}.auth-content,.auth-page{display:flex;flex-direction:column}.auth-content{justify-content:center;align-items:center;flex:1 1}.auth-container{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);width:clamp(300px,100%,600px)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-form{flex-direction:column;width:100%;flex:1 1}.auth-form,.auth-logo{display:flex;justify-content:center}.auth-logo{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);text-decoration:none;color:inherit}.auth-logo-icon{width:var(--spacing-xl);height:var(--spacing-xl);color:var(--color-primary)}.auth-logo-text{font-size:1.5rem;font-weight:600}.auth-logo-text,.auth-title{font-family:var(--font-family-serif);color:var(--color-text-primary)}.auth-title{font-size:1.875rem;margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--color-text-muted);font-size:.875rem}.auth-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);gap:var(--spacing-md);border-top:1px solid var(--color-primary-border);display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-footer-text{color:var(--color-text-muted);font-size:.875rem}.auth-footer-link{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-footer-link:hover{text-decoration:underline}.divider{display:flex;align-items:center;margin:var(--spacing-lg) 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--color-primary-border)}.divider-text{padding:0 var(--spacing-md);color:var(--color-text-muted);font-size:.875rem}.social-login{display:flex;flex-direction:column;gap:var(--spacing-md)}.imagesContainer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;pointer-events:none}.imagesContainer img{position:absolute;width:100px;height:auto;border-radius:12px;transition:all .3s ease;animation:bounce 3s ease infinite}.imagesContainer img:hover{transform:scale(1.05)}.heroImage1{top:20%;left:10%;z-index:5}.heroImage2{top:15%;right:15%;z-index:4}.heroImage3{bottom:30%;left:5%;z-index:3}.heroImage4{bottom:20%;right:10%;z-index:2}.heroImage5{bottom:10%;left:50%;transform:translateX(-50%);z-index:1}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:1200px){.imagesContainer{display:none}}@media (max-width:768px){.auth-content{padding:var(--spacing-md)}}@media (max-height:768px){.heroImage5{display:none}}