:root{--primary-color: #101A36;--secondary-color: #1e5cb8;--accent-color: #d71a22;--light-gray: #f8fafc;--border-radius: 15px;--transition: all 0.3s ease;--shadow-light: 0 4px 6px rgba(0,0,0,0.1);--shadow-heavy: 0 10px 30px rgba(0,0,0,0.15)}body{background: linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);min-height: 100vh;position: relative}body::before{content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');animation: float 20s ease-in-out infinite;z-index: 1}@keyframes float{0%,100%{transform: translateY(0px) rotate(0deg)}50%{transform: translateY(-20px) rotate(1deg)}}.auth-container{position: relative;z-index: 2;min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 2rem}.auth-card{background: rgba(255,255,255,0.95);backdrop-filter: blur(20px);border-radius: var(--border-radius);border: 1px solid rgba(255,255,255,0.3);box-shadow: var(--shadow-heavy);padding: 4rem;width: 100%;max-width: 600px;animation: slideInUp 0.6s ease-out}@keyframes slideInUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}.auth-header{text-align: center;margin-bottom: 2.5rem;background: linear-gradient(135deg,rgba(16,26,54,.80) 0%,rgba(43,16,82,.80) 100%),url('/img/headers/general/general-5.webp') center center/cover no-repeat #101A36;padding: 2.5rem 1.5rem;border-radius: 16px}.auth-header .auth-title{-webkit-text-fill-color: #ffffff;color: #ffffff}.auth-header .auth-subtitle{color: #e2e8f0}.auth-title{font-size: 3.5rem;font-weight: 700;color: var(--primary-color);margin-bottom: 0.5rem;background: linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.auth-subtitle{color: #64748b;font-size: 1.3rem;font-weight: 400}.form-group{margin-bottom: 1.5rem}.form-label{display: block;font-weight: 600;color: var(--primary-color);margin-bottom: 0.8rem;font-size: 1.2rem}.form-control{width: 100%;padding: 1.5rem 1.8rem;border: 2px solid #e2e8f0;border-radius: 12px;font-size: 1.2rem;transition: var(--transition);background: #ffffff;box-sizing: border-box}.form-control:focus{outline: none;border-color: var(--secondary-color);box-shadow: 0 0 0 3px rgba(30,92,184,0.1);transform: translateY(-2px)}.btn-auth{width: 100%;padding: 1.5rem 2rem;font-size: 1.3rem;font-weight: 600;background: linear-gradient(135deg,var(--primary-color),var(--secondary-color));color: white;border: none;border-radius: 12px;cursor: pointer;transition: var(--transition);margin-top: 1.5rem}.btn-auth:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(11,63,137,0.3);background: linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.auth-error{background: linear-gradient(135deg,#fee2e2,#fecaca);border: 1px solid #f87171;border-radius: 8px;padding: 1rem;margin-bottom: 1.5rem;color: #dc2626;font-weight: 500}.auth-footer{text-align: center;margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid rgba(0,0,0,0.1)}.auth-footer p{color: #64748b;margin: 0;font-size: 1.1rem}.auth-footer a{color: var(--primary-color);text-decoration: none;font-weight: 600;transition: var(--transition);font-size: 1.1rem}.auth-footer a:hover{color: var(--secondary-color);text-decoration: underline}@media (max-width: 768px){.auth-card{padding: 2.5rem;margin: 1rem;max-width: 90vw}.auth-title{font-size: 2.5rem}.form-control{padding: 1.3rem 1.5rem;font-size: 1.1rem}.btn-auth{padding: 1.3rem 2rem;font-size: 1.2rem}}