.auth-header,.header-block{padding-top:32px;padding-bottom:32px}.item p{font-size:18px;color:var(--color-text)}.auth-layout{display:flex;flex-direction:column}.form-section{width:100%}.banner-section{display:none}@media (min-width: 768px){.auth-layout{flex-direction:row}.form-section{width:50%;overflow-y:auto}.banner-section{display:block;width:50%}}.social-login{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.social-btn{width:48px;height:48px;border-radius:50%;border:1px solid #e5e7eb;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.google-btn:hover{border-color:#4285f4}.facebook-btn:hover{border-color:#1877f2}.github-btn:hover{border-color:#333}.login-link{text-align:center;font-size:.875rem;color:#6b7280;padding-bottom:32px}@media (max-width: 768px){.social-login{gap:.75rem}.social-btn{width:44px;height:44px}}.form-divider{display:flex;align-items:center;margin:1.5rem 0;text-align:center}.form-divider:before,.form-divider:after{content:"";flex:1;border:1px dashed #3D3D3D}.form-divider span{font-weight:400;font-size:16px;padding:0 1rem;color:#3d3d3d}.form-section{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-inline:24px}.header-block{padding-top:32px;padding-bottom:32px}.header-block,.auth-container{width:100%;max-width:480px;margin-inline:auto}.auth-container{margin-top:auto;margin-bottom:auto}@media (min-width: 768px){.header-block,.auth-container{max-width:520px}}