.auth-page{background-image:url(https://www.transparenttextures.com/patterns/always-grey.png);justify-content:center;align-items:center;min-height:80vh;padding:80px 0;display:flex}.auth-box{max-width:450px;box-shadow:10px 10px 0px var(--text-primary);border:4px solid var(--text-primary);background-color:#fff;margin:0 auto;padding:40px;position:relative}.auth-box:before{content:"";border:1px solid var(--border-color);pointer-events:none;position:absolute;inset:6px}.auth-title{color:var(--accent-red);text-align:center;margin-bottom:5px;font-size:2.5rem}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px;font-weight:600}.auth-form{z-index:2;flex-direction:column;gap:20px;display:flex;position:relative}.auth-form label{color:var(--text-primary);margin-bottom:5px;font-weight:600;display:block}.auth-form input{border:2px solid var(--border-color);width:100%;font-family:var(--font-inter);background-color:var(--bg-color);padding:12px;font-size:1rem;transition:border-color .2s}.auth-form input:focus{border-color:var(--accent-red);outline:none}.auth-footer{text-align:center;margin-top:25px;font-weight:600}.auth-link{color:var(--accent-red);text-decoration:underline}.auth-link:hover{color:var(--text-primary)}.error-box{color:#c62828;text-align:center;background-color:#ffebee;border:1px solid #ef9a9a;margin-bottom:20px;padding:10px;font-size:.9rem}.success-box{color:#2e7d32;text-align:center;background-color:#e8f5e9;border:1px solid #a5d6a7;margin-bottom:20px;padding:10px;font-size:.9rem}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pop-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}