.auth-container{min-height:calc(100vh - var(--navbar-height));margin-top:var(--navbar-height);background-color:var(--bg-primary);justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:hidden}.auth-card{width:100%;max-width:1100px;transform-style:preserve-3d;perspective:1200px;place-items:stretch stretch;transition:transform .8s cubic-bezier(.4,0,.2,1);display:grid}.auth-card.flipped{transform:rotateY(180deg)}.card-side{backface-visibility:hidden;border:1px solid var(--border);background:#fefbf8;grid-area:1/1;width:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #1e1a1714}.card-front{transform:rotateY(0)}.card-back{transform:rotateY(180deg)}.form-section{background:linear-gradient(135deg,#fefbf8 0%,#f5ede5 100%);flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex}.form-content{width:100%;max-width:440px;animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-header{text-align:center;margin-top:1.7rem}.brand-title{font-family:var(--font-serif);letter-spacing:.08em;color:var(--text-primary);margin-bottom:1rem;font-size:3rem;font-weight:400}.divider{background:linear-gradient(90deg,transparent,var(--gold),transparent);width:60px;height:1px;margin:0 auto}.form-wrapper{animation:.8s ease-out .2s both slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.form-heading{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:.02em;margin-bottom:.5rem;font-size:2rem;font-weight:500}.form-subheading{font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:1.2rem;font-size:.95rem;line-height:1.6}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:.01em;font-size:.875rem;font-weight:500}.input-field{font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--border);background:#fff;outline:none;padding:.875rem 1rem;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.input-field::placeholder{color:var(--warm-gray)}.input-field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8895a1a}.form-options{justify-content:space-between;align-items:center;margin-top:-.5rem;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkbox-input{cursor:pointer;width:18px;height:18px;accent-color:var(--gold)}.checkbox-text{font-family:var(--font-sans);color:var(--text-secondary);font-size:.875rem}.forgot-password-link{font-family:var(--font-sans);color:var(--gold-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;transition:color .3s}.forgot-password-link:hover{color:var(--gold);text-decoration:underline}.submit-button{font-family:var(--font-sans);letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,var(--gold-dark)0%,var(--gold)100%);cursor:pointer;border:none;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:transform .3s,box-shadow .3s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #b8895a4d}.submit-button:active{transform:translateY(0)}.form-footer{text-align:center;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.footer-text{font-family:var(--font-sans);color:var(--text-secondary);font-size:.9rem}.footer-link{font-family:var(--font-sans);color:var(--gold-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600;transition:color .3s}.footer-link:hover{color:var(--gold);text-decoration:underline}.flip-button{font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;margin-top:1.5rem;padding:.75rem;font-size:.875rem;font-weight:500;transition:background-color .3s,color .3s,border-color .3s}.flip-button:hover{background-color:var(--gold);color:#fff;border-color:var(--gold)}.image-section{flex:1;position:relative;overflow:hidden}.image-wrapper{width:100%;height:100%;position:relative}.gallery-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s}.image-wrapper:hover .gallery-image{transform:scale(1.05)}.image-overlay{background:linear-gradient(#0000,#1e1a17d9);justify-content:center;align-items:flex-end;padding:2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.image-text{font-family:var(--font-serif);letter-spacing:.05em;color:#fff;text-align:center;font-size:1.5rem;font-weight:400;line-height:1.4}@media (max-width:968px){.auth-card{height:auto}.card-side{flex-direction:column}.form-section,.image-section{flex:none;width:100%}.form-section{order:2;padding:2rem 1.5rem}.image-section{order:1;height:300px}.card-back .form-section{order:1}.card-back .image-section{order:2}.brand-title{font-size:2.5rem}.form-heading{font-size:1.75rem}.input-row{grid-template-columns:1fr}}@media (max-width:640px){.auth-container{padding:1rem}.form-section{padding:1.5rem 1rem}.brand-title{font-size:2rem}.form-heading{font-size:1.5rem}.image-section{height:250px}.image-text{font-size:1.5rem}}
