body.auth-page{font-family:var(--app-font-family, sans-serif);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 0}.auth-container{width:100%;max-width:450px;padding:0 1rem}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo img{max-height:80px;margin-bottom:1rem}.auth-logo h1{font-size:1.8rem;color:#2a3f6a;font-weight:600}.auth-card{background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;overflow:hidden;margin-bottom:2rem}.auth-card-header{background:linear-gradient(135deg,#4a6baf,#2a3f6a);color:#fff;padding:1.5rem;text-align:center}.auth-card-header h2{margin:0;font-size:1.5rem;font-weight:600}.auth-card-body{padding:2rem}.auth-footer{text-align:center;color:#6c757d;font-size:.9rem}.auth-footer a{color:#4a6baf;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.btn-primary{background:linear-gradient(135deg,#4a6baf,#2a3f6a);border:none;padding:.6rem 1rem}.btn-primary:hover{background:linear-gradient(135deg,#3a5b9f,#1a2f5a);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.form-control:focus{border-color:#4a6baf;box-shadow:0 0 0 .25rem #4a6baf40}