/* CSS: auth/login_motoboy.php */

:root { --primary: #f97316; --success: #10b981; --dark: #1e293b; }
        body { font-family: 'Inter', sans-serif; background: #0f172a; color: white; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; padding: 15px; box-sizing: border-box; }
        .login-box { background: var(--dark); padding: 30px; border-radius: 20px; width: 100%; max-width: 380px; text-align: center; border: 1px solid #334155; box-shadow: 0 20px 50px rgba(0,0,0,0.4); }
        h2 { margin: 0; font-size: 22px; font-weight: 800; }
        p { color: #94a3b8; margin: 5px 0 25px 0; font-size: 14px; }
        
        .btn { 
            display: block; width: 100%; padding: 16px; border-radius: 12px; border: none; 
            background: var(--primary); color: white; font-weight: 700; font-size: 16px; 
            cursor: pointer; margin-top: 15px; transition: 0.3s; text-decoration: none; 
            box-sizing: border-box; text-align: center;
        }
        .btn:hover { filter: brightness(1.1); transform: translateY(-2px); }
        .btn-success { background: var(--success); }
        
        .input { 
            width: 100%; padding: 16px; border-radius: 12px; border: 1px solid #475569; 
            background: #334155; color: white; font-size: 20px; text-align: center; 
            box-sizing: border-box; outline: none; transition: 0.2s;
        }
        .input:focus { border-color: var(--primary); background: #3d4b5f; }
        
        .alert { padding: 15px; border-radius: 12px; margin-bottom: 20px; font-size: 14px; }
        .alert-danger { background: rgba(239, 68, 68, 0.15); color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.2); }
        .alert-success { background: rgba(16, 185, 129, 0.15); color: #86efac; border: 1px solid rgba(16, 185, 129, 0.2); }