.auth-hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?w=1600) center/cover;color:#fff;padding:var(--spacing-xxl) 0;text-align:center;height:20vh;display:flex;flex-direction:column;justify-content:center}.auth-container{width:100%;display:flex;justify-content:center;padding:20px 0}.auth-card{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;padding:40px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:28px;color:#333;margin-bottom:10px}.auth-header p{color:#666;font-size:14px}.auth-form{width:100%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-group small{display:block;margin-top:5px;color:#666;font-size:12px}.form-checkbox{display:flex;align-items:center}.form-checkbox label{display:flex;align-items:center;cursor:pointer;margin-bottom:0}.form-checkbox input[type=checkbox]{margin-right:8px;cursor:pointer}.auth-form .btn{padding:12px 24px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.btn-full{width:100%}.alert{padding:12px 15px;border-radius:5px;margin-bottom:20px}.alert ul{list-style:none;margin:0}.alert li{margin-bottom:5px}.alert li:last-child{margin-bottom:0}.alert-error{background:#fee;color:#c33;border:1px solid #fcc}.alert-success{background:#efe;color:#3c3;border:1px solid #cfc}.auth-links{text-align:center;margin-top:20px}.auth-links p{margin:10px 0;color:#666;font-size:14px}.auth-links a{color:#667eea;text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}@media(max-width:480px){.auth-card{padding:30px 20px}.auth-header h1{font-size:24px}}